لوحات الألوان المصممة في HSL غالبًا ما تنتهي على الورق. هذا المحول يأخذ الـ hue و saturation و lightness التي اخترتها ويُرجع نسب الحبر الأربع التي يعمل بها محل الطباعة.
كيف يعمل تحويل HSL إلى CMYK
- حوّل الثلاثية HSL إلى قنوات RGB بين 0 و255.
- اقرأها كقيم sRGB وابحث عن اللون في ملف تعريف Coated FOGRA39.
- استخدم هدف التصيير اللوني النسبي مع تعويض نقطة السواد، فيبقى الأبيض لون الورق الأبيض ويتحوّل الأسود إلى أغمق حبر تستطيع المطبعة طباعته.
- قرّب قيم الأحبار الأربع إلى نسب مئوية صحيحة. وهي تتبع إعداد CMYK الأوروبي الافتراضي في Photoshop.
مثال عملي
تحدث تحويلتان متتاليتان، لذلك يحدث التقريب مرتين، وتستخدم خطوة CMYK ملف Coated FOGRA39 القياسي. ملفات CMYK الأخرى (مثلًا من مطبعتك) تعطي أرقامًا مختلفة. توقّع أن تكون النتيجة المطبوعة أقل حيوية قليلًا من معاينة HSL.
شرح HSL و CMYK
ما هو HSL؟
HSL يقسّم اللون إلى درجة اللون (hue) من 0–360° على عجلة الألوان، التشبع (saturation) — مدى حيوية اللون من 0–100%، والسطوع (lightness) — مدى إشراقه من 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(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |