Пренесувањето на печатна палета на веб е полесно во HSL: откако мешавината мастило е изразена како hue, saturation и lightness, можеш за секунди да направиш hover состојби, tint-ови и shade-ови.
Како работи претворањето од CMYK во HSL
- Конвертирај ги CMYK процентите во sRGB канали меѓу 0 и 255 со профилот Coated FOGRA39.
- Подели ги каналите со 255 и земи го нивниот максимум и минимум.
- Просекот на максимумот и минимумот е lightness L, нивната разлика ја движи saturation S.
- Каналот што го држи максимумот ја одредува hue H во степени на тркалото на бои.
Пример
Чекорот од CMYK во RGB го користи стандардниот профил Coated FOGRA39, па другите CMYK профили (на пример од твојата печатница) даваат различни броеви. HSL вредностите се заокружуваат на цели броеви.
CMYK и HSL објаснети
Што е CMYK?
CMYK е моделот со четири мастила користен при печатење: cyan, magenta, yellow и key (црна), секое како процент од 0 до 100. Мастилото ја одзема светлината наместо да ја емитува, па CMYK покрива помалку бои отколку екран — затоа светлите бои од екранот често изгледаат потемни кога ќе се отпечатат.
- Синтакса:
- cmyk(C%, M%, Y%, K%)
- Опсег:
- 0–100% по мастило
- Најдобро за:
- печатење, пакување, готови за печат дизајни
Што е HSL?
HSL ја дели бојата на hue (0–360° на колорот), saturation (колку е наситена, 0–100%) и lightness (колку е светла, 0–100%). Бидејќи секој дел одговара на начинот на кој луѓето ја опишуваат бојата, HSL е најлесниот формат за градење нијанси, затемнувања и консистентни палети — рачно или во код.
- Синтакса:
- hsl(H, S%, L%)
- Опсег:
- 0–360°, 0–100%, 0–100%
- Најдобро за:
- палети, нијанси и затемнувања, теми
CMYK во HSL табела за референца
Најчестите CSS бои, конвертирани од CMYK во HSL.
| Бои | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |