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