Shtimi i një palete të shtypur në web është më i lehtë në HSL: sapo përzierja e bojës të shprehet si hue, saturation dhe lightness, mund të krijosh shtete hover, tints dhe shades në sekonda.
Si funksionon konvertimi CMYK në HSL
- Konverto përqindjet CMYK në kanale sRGB midis 0 dhe 255 me profilin Coated FOGRA39.
- Pjesëto kanalet me 255 dhe marrë maksimumin dhe minimumin e tyre.
- Mesatarja e maksimumit dhe minimumit është lightness L, përhapja e tyre përcakton saturacionin S.
- Kanalja që mban maksimumin përcakton hue-n H në gradë mbi rrotën e ngjyrave.
Shembull i punuar
Hapi nga CMYK në RGB përdor profilin standard Coated FOGRA39, prandaj profile të tjera CMYK (për shembull nga shtypshkronja jote) japin numra të ndryshëm. Vlerat HSL rrumbullakohen në numra të plotë.
CMYK dhe HSL shpjeguara
Çfarë është CMYK?
CMYK është modeli me katër bojëra i përdorur në printim: cyan, magenta, yellow dhe key (e zezë), secila si përqindje nga 0 deri në 100. Boja zbeh dritën në vend që ta emetojë, kështu që CMYK mbulon më pak ngjyra sesa një ekran — prandaj ngjyrat e ndritshme të ekranit shpesh duken më të zbehta pasi printohen.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Dhe:
- 0–100% për bojë
- Më i mirë për:
- print, paketim, artwork gati për shtyp
Çfarë është HSL?
HSL ndan një ngjyrë në hue (0–360° në rrotën e ngjyrave), saturation (sa e ngjyrshme, 0–100%) dhe lightness (sa e ndritshme, 0–100%). Sepse secila pjesë i përgjigjet mënyrës si njerëzit përshkruajnë ngjyrën, HSL është formati më i lehtë për të ndërtuar tintat, hijet dhe paletat konsistente — me dorë ose në kod.
- Sintaksa:
- hsl(H, S%, L%)
- Dhe:
- 0–360°, 0–100%, 0–100%
- Më i mirë për:
- paleta, tintat dhe hijet, tematizim
tabelë referimi CMYK në HSL
Ngjyrat më të zakonshme CSS, të konvertuara nga CMYK në HSL.
| Ngjyrë | 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%) |