Controllo accessibilità colore
Inserisci un colore HEX per verificarne il contrasto su sfondi chiari e scuri. Ottieni rapporto, esito WCAG e colore testo consigliato.
#000000Su bianco
3.68:1Aa
Accessible sample text
Su nero
5.71:1Aa
Accessible sample text
Come usare lo strumento
- Inserisci un colore HEX o sceglilo con il selettore.
- Controlla il rapporto di contrasto su bianco e nero.
- Usa l’esito WCAG per scegliere colori testo e UI più leggibili.
Perché il contrasto è importante
Un buon contrasto rende il testo più leggibile per più persone, soprattutto per chi ha ipovisione o condizioni di luce difficili.
WCAG raccomanda almeno 4,5:1 per il testo normale e 3:1 per il testo grande. Più contrasto in genere significa maggiore leggibilità.
Il calcolo avviene localmente nel browser, senza inviare dati.
Domande Frequenti
Che cos’è il rapporto di contrasto? ▼
Misura la differenza di luminanza tra colore in primo piano e sfondo. Valori più alti sono più leggibili.
Quale valore supera WCAG per il testo normale? ▼
Per WCAG AA sono raccomandati almeno 4,5:1 per il testo normale.
Cosa si intende per testo grande? ▼
Di solito 18pt normale o 14pt grassetto, per cui basta 3:1 per AA.
Perché controllare su bianco e nero? ▼
Per capire subito se il colore funziona meglio come testo chiaro o scuro.
È privato? ▼
Sì. Il controllo avviene interamente nel browser.
Strumenti Correlati
Convertitore di Colore
Converti colori tra formati HEX, RGB e HSL istantaneamente. Anteprima visiva del colore, verificatore di contrasto WCAG e palette generata. Tutta l'elaborazione avviene localmente nel tuo browser.
Generatore di Gradienti CSS
Crea bellissimi gradienti CSS visivamente. Scegli il tipo lineare, radiale o conico, aggiungi fermate di colore, regola l'angolo e ottieni un'anteprima dal vivo. Copia il CSS pronto con un clic.
Generatore di Meta Tag
Genera tag meta HTML completi, Open Graph e Twitter Cards per SEO e condivisione social. Inserisci i tuoi dati e copia HTML pronto da incollare.