Палети дизајнирани во HSL често завршуваат на хартија. Овој конвертер ги зема hue, saturation и lightness што ги избра и враќа четири проценти мастило со кои работи print shop.
Како работи претворањето од HSL во CMYK
- Конвертирај ја тројката HSL во RGB канали меѓу 0 и 255.
- Нормализирај ги тие канали со делење со 255.
- Пресметај ја key компонентата K = 1 − max(R, G, B).
- Изведи C, M и Y од преостанатите канали и конвертирај ги сите четири во проценти.
Пример
Се случуваат две конверзии една по друга, па заокружувањето се случува двапати — и CMYK останува апроксимација без color profile. Очекувај отпечатениот резултат да биде малку помалку жив од 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%) |