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 ijanisha rya CMYK ribe umuyoboro wa sRGB hagati ya 0 na 255 ukoresheje umwirondoro wa Coated FOGRA39.
- 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 ya CMYK ijya kuri RGB ikoresha umwirondoro usanzwe wa Coated FOGRA39, bityo indi mirondoro ya CMYK (urugero iyo mu ruganda rw'icapiro rwawe) itanga imibare itandukanye. Agaciro ka HSL gazungurizwa ku mibare yuzuye.
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(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%) |