Paletes, kas izstrādātas HSL, bieži nonāk uz papīra. Šis konvertors paņem tavā izvēlēto toņa, piesātinājuma un gaišuma kombināciju un atgriež četras tintes procentuālās daļas, ar kurām strādā drukas darbnīca.
Kā darbojas HSL uz CMYK konvertēšana
- Pārvērt HSL trīskāršu uz RGB kanāliem no 0 līdz 255.
- Normalizē šos kanālus, dalot ar 255.
- Aprēķini atslēgas komponenti K = 1 − max(R, G, B).
- Iegūsti C, M un Y no atlikušo kanālu vērtībām un pārvērt visu četru vērtības procentos.
Praktisks piemērs
Notiek divas konversijas pēc kārtas, tāpēc notiek noapaļošana divreiz — un CMYK joprojām ir tuvinājums bez krāsu profila. Sagaidi, ka drukāts rezultāts būs nedaudz mazāk dzidrs nekā HSL priekšskatījums.
HSL un CMYK izskaidrojums
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
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
HSL uz CMYK atsauces tabula
Visizplatītākās CSS krāsas, konvertētas no HSL uz CMYK.
| Krāsa | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |