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.
- Lasi tos kā sRGB vērtības un atrodi krāsu Coated FOGRA39 profilā.
- Izmanto relatīvo kolorimetrisko renderēšanas nolūku ar melnā punkta kompensāciju, tāpēc baltā paliek papīra baltā, bet melnā tiek pārvērsta par tumšāko tinti, ko prese spēj nodrukāt.
- Noapaļo četras tintes vērtības līdz veseliem procentiem. Tās atbilst Photoshop noklusējuma CMYK iestatījumam Eiropai.
Praktisks piemērs
Divi pārveidojumi notiek pēc kārtas, tāpēc noapaļošana notiek divreiz, un CMYK solis izmanto standarta Coated FOGRA39 profilu. Citi CMYK profili (piemēram, no tavas tipogrāfijas) dod citus skaitļus. Sagaidi, ka drukātais rezultāts būs nedaudz mazāk spilgts 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(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |