Les paletes dissenyades en HSL sovint acaben en paper. Aquest convertidor agafa el matís, la saturació i la lluminositat que has triat i et retorna els quatre percentatges d'tinta amb què treballa una impremta.
Com funciona la conversió de HSL a CMYK
- Converteix el triple HSL a canals RGB entre 0 i 255.
- Llegeix-los com a valors sRGB i busca el color al perfil Coated FOGRA39.
- Utilitza la intenció colorimètrica relativa amb compensació del punt negre, perquè el blanc es mantingui com el blanc del paper i el negre es converteixi en la tinta més fosca que pot imprimir la premsa.
- Arrodoneix els quatre valors de tinta a percentatges enters. Segueixen la configuració CMYK per defecte de Photoshop per a Europa.
Exemple resolt
Es fan dues conversions seguides, així que l’arrodoniment s’aplica dues vegades, i el pas CMYK utilitza el perfil estàndard Coated FOGRA39. Altres perfils CMYK (per exemple, els de la teva impremta) donen números diferents. Espera que el resultat imprès sigui una mica menys viu que la previsualització HSL.
HSL i CMYK explicats
Què és HSL?
HSL divideix un color en to (0–360° a la roda de colors), saturació (quant de colorat, 0–100%) i lluminositat (quant de clar, 0–100%). Com que cada part coincideix amb la manera com la gent descriu el color, HSL és el format més fàcil per crear tintes, ombres i paletes coherents — a mà o en codi.
- Sintaxi:
- hsl(H, S%, L%)
- Rang:
- 0–360°, 0–100%, 0–100%
- Millor per:
- paletes, tintes i ombres, tematització
Què és CMYK?
CMYK és el model de quatre tintes utilitzat en impressió: cian, magenta, groc i key (negre), cada una com a percentatge de 0 a 100. La tinta resta llum en lloc d'emetre-la, així que CMYK abasta menys colors que una pantalla — per això els colors vius de pantalla sovint semblen més apagats quan s'imprimeixen.
- Sintaxi:
- cmyk(C%, M%, Y%, K%)
- Rang:
- 0–100% per tinta
- Millor per:
- impressió, embalatge, arte final per a premsa
Taula de referència de HSL a CMYK
Els colors CSS més comuns convertits de HSL a CMYK.
| Color | 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%) |