Spaudos paletę į web dažnai lengviau pritaikyti per HSL: kai rašalų mišinys išreikštas atspalviu, sodrumu ir šviesumu, iš jo per sekundes gali sukurti hover būsenas, tintus ir šešėlius.
Kaip veikia CMYK į HSL konvertavimas
- Konvertuok CMYK procentus į sRGB kanalus nuo 0 iki 255 naudodamas Coated FOGRA39 profilį.
- Padalink kanalus iš 255 ir imk jų maksimumą bei minimumą.
- Maksimumo ir minimumo vidurkis yra šviesumas L, o jų skirtumas lemia sodrumą S.
- Kuris kanalas turi maksimumą, tas lemia atspalvį H laipsniais spalvų rate.
Veikęs pavyzdys
CMYK į RGB žingsnis naudoja standartinį Coated FOGRA39 profilį, todėl kiti CMYK profiliai (pavyzdžiui, tavo spaustuvės) duoda kitus skaičius. HSL reikšmės suapvalinamos iki sveikųjų skaičių.
CMYK ir HSL paaiškinta
Kas yra CMYK?
CMYK yra keturių rašalų modelis, naudojamas spaudoje: cyan, magenta, yellow ir key (juoda), kiekvienas procentais nuo 0 iki 100. Rašalas atima šviesą vietoje jos emisijos, todėl CMYK aprėpia mažiau spalvų nei ekranas — dėl to ryškios ekrano spalvos dažnai atrodo blankesnės išspausdintos.
- Sintaksė:
- cmyk(C%, M%, Y%, K%)
- Intervalas:
- 0–100% per rašalą
- Tinka geriausiai:
- spauda, pakuotė, spaudai paruoštas maketas
Kas yra HSL?
HSL suskaido spalvą į atspalvį (0–360° spalvų rate), saturaciją (kiek ryški, 0–100%) ir šviesumą (kiek šviesi, 0–100%). Kadangi kiekviena dalis atitinka tai, kaip žmonės apibūdina spalvas, HSL yra lengviausias formatas kurti šviesesnes ar tamsesnes variacijas ir nuoseklias paletes — ranka arba kode.
- Sintaksė:
- hsl(H, S%, L%)
- Intervalas:
- 0–360°, 0–100%, 0–100%
- Tinka geriausiai:
- paletės, atspalviai ir tamsūs/nešviesūs variantai, temingas dizainas
CMYK į HSL atnaujinimo lentelė
Dažniausiai sutinkamos CSS spalvos, konvertuotos iš CMYK į HSL.
| Spalva | 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%) |