پالت‌هایی که در HSL طراحی می‌شوند اغلب روی کاغذ چاپ می‌شوند. این مبدل هیو، سچوریشن و لایتنس انتخابی‌ات را گرفته و درصدهای چهار جوهر که چاپخانه با آن کار میکند را برمی‌گرداند.
چطور تبدیل 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%) |