إحضار لوحة طباعة إلى الويب أسهل في HSL: بمجرد أن تُعبَّر نسب الحبر كـ hue و saturation و lightness، يمكنك بناء حالات hover و tints و shades منها في ثوانٍ.
كيف يعمل تحويل CMYK إلى HSL
- حوّل نسب CMYK المئوية إلى قنوات sRGB بين 0 و255 باستخدام ملف Coated FOGRA39.
- اقسم القنوات على 255 وخذ القيمتين العظمى والصغرى.
- متوسط العظمى والصغرى هو الإضاءة L، وفارقهما يحدد التشبع S.
- القناة التي تحمل القيمة العظمى تحدد الـ hue 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 يقسّم اللون إلى درجة اللون (hue) من 0–360° على عجلة الألوان، التشبع (saturation) — مدى حيوية اللون من 0–100%، والسطوع (lightness) — مدى إشراقه من 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%) |