لوحات الألوان المصممة في HSL غالبًا ما تنتهي على الورق. هذا المحول يأخذ الـ hue و saturation و lightness التي اخترتها ويُرجع نسب الحبر الأربع التي يعمل بها محل الطباعة.
كيف يعمل تحويل HSL إلى CMYK
- حوّل الثلاثية HSL إلى قنوات RGB بين 0 و255.
- طَبّع تلك القنوات بقسمة كلٍ منها على 255.
- احسب مكون المفتاح K = 1 − max(R, G, B).
- استخرج C و M و Y من القنوات المتبقية وحوّل الأربعة كلها إلى نسب مئوية.
مثال عملي
تحدث تحويلتان متتاليتان، لذا يحدث تقريب مرتين — و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(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%) |