Paletele create în HSL ajung adesea pe hârtie. Acest convertor preia nuanța, saturația și luminozitatea alese și returnează cele patru procente de cerneală cu care lucrează tipografia.
Cum funcționează conversia din HSL în CMYK
- Convertește tripletul HSL în canale RGB între 0 și 255.
- Citește-le ca valori sRGB și caută culoarea în profilul Coated FOGRA39.
- Folosește metoda colorimetrică relativă cu compensarea punctului negru, astfel încât albul rămâne albul hârtiei, iar negrul este mapat la cea mai închisă cerneală pe care o poate tipări mașina de tipar.
- Rotunjește cele patru valori ale cernelii la procente întregi. Ele urmează setarea implicită Photoshop pentru CMYK în Europa.
Exemplu de aplicare
Au loc două conversii una după alta, deci rotunjirea se face de două ori, iar pasul CMYK folosește profilul standard Coated FOGRA39. Alte profile CMYK (de exemplu cele de la tipografia ta) dau alte valori. Așteaptă-te ca rezultatul tipărit să fie puțin mai puțin viu decât previzualizarea HSL.
HSL și CMYK, explicate
Ce este HSL?
HSL împarte o culoare în nuanță (0–360° pe roata culorilor), saturație (cât de colorată, 0–100%) și luminozitate (cât de deschisă, 0–100%). Deoarece fiecare parte se potrivește modului în care oamenii descriu culoarea, HSL e cel mai simplu format pentru a crea nuanțe, umbre și palete consistente — manual sau în cod.
- Sintaxă:
- hsl(H, S%, L%)
- Interval:
- 0–360°, 0–100%, 0–100%
- Ideal pentru:
- palete, nuanțe și umbre, tematizare
Ce este CMYK?
CMYK este modelul cu patru cerneluri folosit la tipar: cyan, magenta, galben și key (negru), fiecare exprimat ca procentaj între 0 și 100. Cernelurile scad lumina în loc să o emită, astfel CMYK acoperă mai puține culori decât un ecran — motiv pentru care culorile vii de pe ecran pot părea mai fade după tipărire.
- Sintaxă:
- cmyk(C%, M%, Y%, K%)
- Interval:
- 0–100% per cerneală
- Ideal pentru:
- print, ambalaje, materiale pregătite pentru tipar
HSL în CMYK tabel de referință
Cele mai comune culori CSS, convertite din HSL în CMYK.
| Culoare | 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%) |