Come convertire un colore
- Tocca il riquadro del colore per sceglierne uno, oppure scrivilo nel campo di testo.
- Puoi scriverlo in HEX (#1e90ff), in rgb(), in hsl() o con il suo nome inglese.
- Guarda il colore nell'anteprima e i suoi equivalenti in HEX, RGB, HSL e CMYK.
- Copia il formato che ti serve e controlla il contrasto con testo bianco o nero.
A cosa serve
Designer e sviluppatori passano spesso un colore da un formato all'altro: l'HEX di una palette, l'rgb() di un foglio di stile, l'HSL per creare varianti più chiare o più scure. Questo strumento lo fa in un solo passaggio.
Calcola anche il contrasto del colore con testo bianco e con testo nero, secondo le linee guida di accessibilità WCAG: 4,5 a 1 per il livello AA e 7 a 1 per il livello AAA con testo normale.
Il CMYK è una conversione semplice, utile come riferimento; per la stampa professionale conviene usare il profilo colore del tuo programma di grafica.
Cose da tenere presente
- Il CMYK viene calcolato con la formula standard a partire dall'RGB, senza profilo colore, quindi può differire da ciò che vedrai stampato.
- I nomi dei colori funzionano in inglese (red, tomato, navy…).
- Il selettore nativo può avere un aspetto diverso a seconda del browser e del dispositivo.
Domande frequenti
Come passo da HEX a RGB?
Scrivi l'HEX (ad esempio #1e90ff) e lo strumento mostra subito l'rgb() equivalente, insieme a HSL e CMYK.
Cos'è il contrasto WCAG?
È una misura di quanto sia leggibile un testo su uno sfondo. Un rapporto di 4,5 a 1 soddisfa il livello AA e di 7 a 1 il livello AAA, per il testo normale.
Accetta colori con trasparenza?
Sì: puoi scrivere #rrggbbaa, rgba() o hsla() e vengono mostrati anche con la loro trasparenza.
Viene inviato qualcosa a un server?
No. Tutto viene calcolato nel tuo browser.
È gratuito?
Sì, è gratuito, non richiede registrazione e funziona direttamente nel browser.