Палитри, създадени в 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 (black), всеки като процент от 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%) |