Палитри, създадени в HSL, често стигат до хартия. Този конвертор взема нюанса, насищането и светлотата, които си избрал, и връща четирите процента мастило, с които работи печатницата.
Как работи преобразуването от 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 (black), всеки като процент от 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%) |