Drukas paleti uz web ir vieglāk atvest HSL: kad tavs tinšu maisījums ir izteikts kā tonis, piesātinājums un gaišums, vari sekundēs izveidot hover stāvokļus, tints un shades.
Kā darbojas CMYK uz HSL konvertēšana
- Pārvērt CMYK procentus sRGB kanālos no 0 līdz 255 ar Coated FOGRA39 profilu.
- Daliet kanālus ar 255 un atrodi to maksimumu un minimumu.
- Maksimuma un minimuma vidējā vērtība ir gaišums L, to atšķirība nosaka piesātinājumu S.
- Kanāls, kuram ir maksimums, nosaka toņu H grādos krāsu ritenī.
Praktisks piemērs
CMYK uz RGB solis izmanto standarta Coated FOGRA39 profilu, tāpēc citi CMYK profili (piemēram, no tavas tipogrāfijas) dod citus skaitļus. HSL vērtības noapaļotas līdz veseliem skaitļiem.
CMYK un HSL izskaidrojums
Kas ir CMYK?
CMYK ir četru tintes modelis drukāšanai: cyan, magenta, yellow un key (melns), katrs procentos no 0 līdz 100. Tinte atņem gaismu, nevis izstaro to, tāpēc CMYK aptver mazāku krāsu diapazonu nekā ekrāns — tāpēc spilgtas ekrāna krāsas bieži izskatās blāvāk, kad tiek izdrukātas.
- Sintakse:
- cmyk(C%, M%, Y%, K%)
- Diapazons:
- 0–100% per ink
- Vislabāk piemērots:
- druka, iepakojums, gatava preses māksla
Kas ir HSL?
HSL sadala krāsu toņos (0–360° krāsu ritenī), piesātinājumā (cik krāsaina, 0–100%) un gaišumā (cik spilgta, 0–100%). Tā kā katra daļa atbilst tam, kā cilvēki apraksta krāsu, HSL ir visvienkāršākais formāts tintiņu, nokrāsu un konsekventu paletju veidošanai — gan manuāli, gan kodā.
- Sintakse:
- hsl(H, S%, L%)
- Diapazons:
- 0–360°, 0–100%, 0–100%
- Vislabāk piemērots:
- paletes, tintiņas un nokrāsas, tēmu veidošana
CMYK uz HSL atsauces tabula
Visizplatītākās CSS krāsas, konvertētas no CMYK uz HSL.
| Krāsa | 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%) |