Selettore di colori HTML
Scegli qualsiasi colore visivamente e ottieni istantaneamente i valori HEX, RGB e HSL. Include il rapporto di contrasto e una cronologia dei colori.
Selettore di colori HTML
Usa il selettore visivo per scegliere qualsiasi colore, poi copia istantaneamente il suo valore HEX, RGB o HSL. Il rapporto di contrasto su sfondi bianco e nero viene calcolato automaticamente per verificare l’accessibilità (WCAG).
Formati colore
- HEX (#rrggbb): esadecimale a 6 cifre, il formato CSS più comune.
- RGB (r, g, b): canali rosso, verde, blu da 0 a 255.
- HSL (tonalità, saturazione, luminosità): intuitivo per la manipolazione programmatica dei colori.
Rapporto di contrasto (WCAG)
Le linee guida WCAG definiscono rapporti di contrasto minimi tra testo e sfondo:
- 4,5:1 — minimo per testo normale (livello AA)
- 3:1 — minimo per testo grande (livello AA)
- 7:1 — contrasto migliorato per testo piccolo (livello AAA)
Cronologia colori
Ogni colore selezionato viene salvato nella palette sotto il selettore, per tornare rapidamente a qualsiasi colore usato nella sessione.
Passo dopo passo
- Clicca sul selettore per aprirlo e scegli un colore.
- Copia il valore che ti serve con Copia HEX, Copia RGB o Copia HSL.
- Consulta lo snippet CSS e il rapporto di contrasto con sfondo bianco e nero.
- I colori usati di recente restano a portata di mano.
Domande frequenti
Che differenza c’è tra HEX, RGB e HSL?
HEX e RGB descrivono la miscela di rosso, verde e blu: HEX in notazione esadecimale, RGB in decimale. HSL descrive tonalità, saturazione e luminosità ed è più intuitivo per modificare un colore.
A cosa serve il rapporto di contrasto?
Indica se un testo di un certo colore è leggibile su uno sfondo, secondo le linee guida di accessibilità WCAG.
Il colore scelto viene salvato?
Non viene inviato a nessun server. I colori recenti sono visibili solo nel tuo browser.