Verifica contrasto colori

Confronta due colori con le soglie WCAG per il testo.

Sul tuo dispositivo · Senza account

Verifica contrasto colori elabora i dati inseriti in questo browser. Dati inseriti e risultati sono esclusi dalle analisi statistiche. Gli strumenti recenti memorizzano i nomi degli strumenti, il numero di visite e la data e l'ora dell'ultima visita. Gli strumenti salvati memorizzano solo i nomi. Il salvataggio delle bozze è facoltativo e avviene su questo dispositivo; elimina il testo salvato con i comandi della bozza. Caricare testo da un URL è facoltativo e contatta il relativo server, che può vedere l'URL e il tuo indirizzo IP. L'azione facoltativa “Usa in” conserva in questa scheda i dati da passare allo strumento successivo. Lo strumento successivo li rimuove all'apertura e li ignora se è trascorso più di un minuto.

“Copia link” include nell'indirizzo i dati che scegli di condividere. Chiunque abbia il link può riaprirli. File e risultati generati sono esclusi. Gli strumenti per password e chiavi condividono solo le impostazioni.

Italiano

Dati da elaborare

Colore HEX dello sfondo

Opzioni e file locale

Apri un file di testo da questo dispositivo

Le impostazioni facoltative valgono solo per questa scheda.

Risultato

Altro

Scorciatoie da tastiera

Link e ripristino

I link includono i dati inseriti e le impostazioni. Chiunque abbia il link può vederli, quindi non inserire testi privati. I file e i risultati generati sono esclusi; le estrazioni casuali vengono ripetute.

Il ripristino ricarica lo strumento con i valori iniziali e rilascia i file aperti e il controllo dei dispositivi. Le bozze salvate restano su questo dispositivo finché non le elimini.

Come funziona la verifica del contrasto

Calcola il rapporto di contrasto WCAG 2.2 tra due colori sRGB opachi. Le soglie per il testo normale e grande sono indicate separatamente e verificate usando il rapporto completo, prima dell'arrotondamento per la visualizzazione.

Successivo: Generatore di layout CSS

Successivo: Convertitore da px a rem

Esempio

Il nero su bianco ha un rapporto di 21:1 e soddisfa le soglie indicate per il testo. Colori identici per testo e sfondo hanno un rapporto di 1:1.

Prima di usare il risultato

Il solo contrasto non garantisce l'accessibilità. Colori trasparenti, gradienti, immagini, indicatori di focus e dimensioni effettive del testo richiedono verifiche separate. Il testo grande è di almeno 18 pt normale o 14 pt in grassetto.

Cita questa pagina

Stile di citazione

ToolOctopus. “Verifica contrasto colori.” Aggiornato 7 ottobre 2026. https://tooloctopus.com/it/verifica-contrasto-colori.

Aggiungi la data di consultazione se le istruzioni che segui la richiedono.

Le citazioni sono formattate con citeproc-js di Frank Bennett e gli stili Citation Style Language. Licenza e codice sorgente.