Kuzana palette yo gucapisha kuri web biba byoroshye muri HSL: umaze kugaragaza uko ink ivangirwa mu hue, saturation na lightness, ushobora kubaka hover states, tints na shades muri segonda.
Uko guhindura CMYK ujya HSL bikora
- Hindura percentages za CMYK muri channels za RGB hagati ya 0 na 255.
- Gabanya channels na 255 hanyuma ubone maximum na minimum yazo.
- Impuzandengo ya maximum na minimum ni lightness L, itandukaniro ryazo rigena saturation S.
- Channel ifite maximum ni yo igena hue H mu dogere ku igaragaza ry'amabara.
Urugero rwakozwe
Intambwe yo kuva CMYK kujya RGB ni approximation kandi agaciro ka HSL gahinnwa ku mibare yuzuye. Ibisubizo ni guhuza hafi cyane, si conversion iyobowe na color management.
CMYK na HSL bisobanuwe
Icyo CMYK ari cyo
CMYK ni modelu y'inkuru enye ikoreshwa mu icapiro: cyan, magenta, yellow na key (umukara), buri rimwe rigaragara nka percentage kuva 0 kugeza 100. Ikoresha inyandiko ikuraho urumuri aho kururekura, bityo CMYK ifata amabara make kurusha ecran — ari yo mpamvu amabara asobanutse ku ecran akenshi asa n'atarimo ubwo acapwe.
- Imiterere:
- cmyk(C%, M%, Y%, K%)
- Urutonde:
- 0–100% kuri buri ink
- Byiza kuri:
- icapiro, ipaki, ibikorwa biteguye gucapwa
Icyo HSL ari cyo
HSL itandukanya ibara muri hue (0–360° kuri roue y'amabara), saturation (uburyo ari amabara, 0–100%) na lightness (uburyo bwaka, 0–100%). Kuko buri gice gihura n'uburyo abantu basobanura ibara, HSL ni format yoroshye gukoresha mu gukora tints, shades na palettes zihamye — ku buryo bw'intoki cyangwa muri code.
- Imiterere:
- hsl(H, S%, L%)
- Urutonde:
- 0–360°, 0–100%, 0–100%
- Byiza kuri:
- palettes, tints na shades, theming
CMYK to HSL reference table
Amabara akunze gukoreshwa muri CSS, yahinduwe kuva CMYK ujya HSL.
| Ibara | CMYK | HSL |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |