להביא פלטת הדפסה לרשת קל יותר ב‑HSL: ברגע שהתערובת דיו שלך מבוטאת כגוּן, רוויה ובהירות, תוכל לבנות מצבי hover, טינטים וצללים ממנה בשניות.
איך מתבצעת ההמרה מ-CMYK ל-HSL
- המר את אחוזי ה‑CMYK לערוצי RGB בטווח 0–255.
- חלק את הערוצים ב‑255 וקח את המקסימום והמינימום שלהם.
- הממוצע של המקסימום והמינימום הוא הבהירות L, והמרווח ביניהם קובע את הרוויה S.
- הערוץ שמחזיק את המקסימום קובע את הגוון H במעלות על גלגל הצבעים.
דוגמה עובדת
CMYK cmyk(36%, 77%, 0%, 25%)=HSL hsl(272, 63%, 46%)
צעד ההמרה מ‑CMYK ל‑RGB כבר מהווה קירוב וערכי HSL מעוגלים למספרים שלמים. התוצאה היא התאמה קרובה מאוד, לא המרה מנוהלת צבע.
CMYK ו-HSL מוסברים
מה זה CMYK?
CMYK הוא מודל ארבעת הדיו המשמש בהדפסה: cyan, magenta, yellow ו-key (שחור), כל אחד כאחוז מ-0 עד 100. דיו גורע אור במקום לפלוט אותו, ולכן CMYK מכסה פחות צבעים מאשר מסך — ולכן צבעים זוהרים במסך נוטים להיראות פחות עזים בהדפסה.
- תחביר:
- cmyk(C%, M%, Y%, K%)
- טווח:
- 0–100% לכל דיו
- מתאים ל:
- הדפסה, אריזה, עבודות מוכנות להדפסה
מה זה HSL?
HSL מפרק צבע לגוון (0–360° על גלגל הצבעים), רוויה (כמה צבעוני, 0–100%) ובהירות (כמה בהיר, 0–100%). מאחר שכל חלק תואם לאופן שבו אנשים מתארים צבע, HSL הוא הפורמט הקל ביותר לבניית גוונים, צביעה וטווחים עקביים — ידנית או בקוד.
- תחביר:
- hsl(H, S%, L%)
- טווח:
- 0–360°, 0–100%, 0–100%
- מתאים ל:
- פלטות, גוונים וצבעים, תימינג
טבלת עיון מ-CMYK ל-HSL
צבעי CSS הנפוצים ביותר, מומרים מ-CMYK ל-HSL.
| צבע | CMYK | HSL |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |