آوردن یک پالت چاپی به وب در HSL آسان‌تر است: وقتی ترکیب جوهر به هیو، سچوریشن و لایتنس تبدیل شد، می‌توانی از آن در عرض چند ثانیه حالت‌های hover، tint و shade بسازی.
چطور تبدیل CMYK به HSL کار میکند
- درصدهای CMYK را با پروفایل Coated FOGRA39 به کانالهای sRGB بین 0 و 255 تبدیل کن.
- کانالها را بر 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 یک رنگ را به هیو (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%) |