Chromatica Tools · Colori · Contrasti · Accessibilità

Esplora un colore: HEX, RGB, HSL e varianti

Scegli un colore e vedi subito i suoi valori in HEX, RGB e HSL, pronti da copiare. Lo strumento crea anche sei varianti, tre più scure e tre più chiare, ottenute cambiando la luminosità del colore.

Come si usa

  1. Scegli un colore con il selettore o scrivendo il codice HEX.
  2. Leggi i valori in HEX, RGB e HSL e copiali con un clic.
  3. Guarda le sei varianti più scure e più chiare e copia quella che ti serve.
  4. Per verificare che una variante sia leggibile usa la scheda Contrasto.

Domande frequenti

Cosa sono HEX, RGB e HSL?

Sono tre modi di scrivere lo stesso colore. HEX è un codice esadecimale a sei cifre (#RRGGBB). RGB indica le quantità di rosso, verde e blu, da 0 a 255. HSL indica tonalità (0-360°), saturazione e luminosità in percentuale.

Come vengono create le varianti?

Cambiando la luminosità HSL del colore di 10, 25 e 40 punti percentuali, in più e in meno, e mantenendo tonalità e saturazione.

Una variante più chiara o più scura è sempre leggibile?

No: la leggibilità dipende dal colore con cui la abbini. Controlla sempre il rapporto di contrasto con lo strumento dedicato.

Altri strumenti di Chromatica Tools