Le palette pensate in HSL spesso finiscono sulla carta. Questo convertitore prende la tinta, la saturazione e la luminosità che hai scelto e restituisce le quattro percentuali di inchiostro con cui lavora una tipografia.
Come funziona la conversione da HSL a CMYK
- Converti la tripla HSL in canali RGB tra 0 e 255.
- Leggili come valori sRGB e cerca il colore nel profilo Coated FOGRA39.
- Usa l'intento colorimetrico relativo con compensazione punto nero, così il bianco resta il bianco della carta e il nero viene mappato sull'inchiostro più scuro che la macchina da stampa può riprodurre.
- Arrotonda i quattro valori degli inchiostri a percentuali intere. Seguono l'impostazione CMYK predefinita di Photoshop per l'Europa.
Esempio pratico
Avvengono due conversioni una dopo l'altra, quindi l'arrotondamento si verifica due volte, e il passaggio CMYK usa il profilo standard Coated FOGRA39. Altri profili CMYK (per esempio quelli della tua tipografia) danno numeri diversi. Aspettati che il risultato stampato sia un po' meno vivace dell'anteprima HSL.
HSL e CMYK spiegati
Cos'è HSL?
HSL divide un colore in tonalità (0–360° sulla ruota dei colori), saturazione (quanto è colorato, 0–100%) e luminosità (quanto è chiaro, 0–100%). Poiché ogni parte corrisponde al modo in cui le persone descrivono il colore, HSL è il formato più semplice per creare tinte, ombre e palette coerenti — a mano o in codice.
- Sintassi:
- hsl(H, S%, L%)
- Intervallo:
- 0–360°, 0–100%, 0–100%
- Ideale per:
- palette, tinte e ombre, theming
Cos'è CMYK?
CMYK è il modello a quattro inchiostri usato in stampa: cyan, magenta, yellow e key (nero), ognuno espresso in percentuale da 0 a 100. L'inchiostro sottrae luce invece di emitirla, quindi CMYK copre meno colori rispetto a uno schermo — ecco perché i colori brillanti a schermo spesso risultano più spenti una volta stampati.
- Sintassi:
- cmyk(C%, M%, Y%, K%)
- Intervallo:
- 0–100% per inchiostro
- Ideale per:
- stampa, packaging, artwork pronto per la stampa
Tabella di riferimento da HSL a CMYK
I colori CSS più comuni, convertiti da HSL a CMYK.
| Colore | 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%) |