Convertitore di colore

Cosa fa questa pagina

Lo stesso colore si può scrivere come HEX, RGB o HSL. Questa pagina tiene i tre allineati e controlla il contrasto rispetto a un secondo HEX. HEX verso RGB in un solo senso resta su esadecimale a RGB.

Come usarla

1. Scrivi un colore HEX, oppure R, G e B, oppure H, S e L. Gli altri campi e il campione si aggiornano mentre scrivi. Non c'è un pulsante Converti.
2. Confronta con è il secondo HEX usato per il contrasto.
3. Mostra esempio imposta Confronta con su #e8f0f6 e HEX su #112233. R è 17, G è 34, B è 51. H è 210, S è 50, L è 13. Il rapporto è 14.02:1. Il testo normale AA, AAA e il testo grande AA superano.
4. Cancella tutto svuota tutti i campi, il campione e il rapporto.

Regole e limiti

#RGB si espande raddoppiando ogni cifra, quindi #123 è #112233. Un valore che non ha 3 o 6 cifre esadecimali si ferma con un errore. H va da 0 a 360, S e L da 0 a 100, e R, G e B da 0 a 255. Il contrasto usa la luminanza relativa WCAG. AA per il testo normale è 4.5:1, AAA è 7:1 e AA per il testo grande è 3:1. Se Confronta con è vuoto, il rapporto si nasconde.

Dove si usa

• Portare un HEX scuro in HSL.
• Controllare un blu scuro su uno sfondo chiaro.
• Leggere lo stesso colore come 17, 34, 51.

Domande