להביא פלטת הדפסה לרשת קל יותר ב‑HSL: ברגע שהתערובת דיו שלך מבוטאת כגוּן, רוויה ובהירות, תוכל לבנות מצבי hover, טינטים וצללים ממנה בשניות.
איך מתבצעת ההמרה מ-CMYK ל-HSL
- המר את אחוזי ה־CMYK לערוצי sRGB בין 0 ל־255 בעזרת הפרופיל Coated FOGRA39.
- חלק את הערוצים ב‑255 וקח את המקסימום והמינימום שלהם.
- הממוצע של המקסימום והמינימום הוא הבהירות L, והמרווח ביניהם קובע את הרוויה S.
- הערוץ שמחזיק את המקסימום קובע את הגוון H במעלות על גלגל הצבעים.
דוגמה עובדת
שלב ה־CMYK ל־RGB משתמש בפרופיל Coated FOGRA39 הסטנדרטי, ולכן פרופילי CMYK אחרים, למשל של בית הדפוס שלך, נותנים מספרים שונים. ערכי ה־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(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |