Палети дизајнирани во HSL често завршуваат на хартија. Овој конвертер ги зема hue, saturation и lightness што ги избра и враќа четири проценти мастило со кои работи print shop.
Како работи претворањето од 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 (црна), секое како процент од 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%) |