Verifica contrasto colori
Calcola il rapporto di contrasto cromatico tra primo piano e sfondo per verificare la leggibilità del testo su soglie standard.
Esegui lo strumento
Questo strumento calcola il rapporto di contrasto cromatico tra un colore di testo o primo piano e un colore di sfondo. Accetta codici esadecimali a tre o sei cifre preceduti dal cancelletto (#000, #ffffff) e notazioni numeriche in formato rgb con tre valori decimali separati da virgole. Se lasci i campi vuoti, il sistema applica i valori predefiniti: nero per il primo piano e bianco per lo sfondo. Prima dell'elaborazione, il testo inserito subisce la rimozione degli spazi superflui e la conversione in minuscolo. Quando i due colori inseriti sono validi, lo strumento calcola il valore numerico del contrasto, arrotondato a due cifre decimali, e confronta il risultato con quattro soglie di riferimento: 4.5 e 7.0 per il testo normale, 3.0 e 4.5 per il testo grande. Se indichi due colori identici, il rapporto risultante equivale a 1.0. Se un valore non rispetta la sintassi prevista, la schermata segnala l'anomalia di lettura senza presentare i confronti di soglia.
Istruzioni
- Inserisci il colore del testo o dell'elemento visivo nel campo del primo piano, usando la notazione HEX (ad esempio #1a1a1a) o RGB (ad esempio rgb(26, 26, 26)).
- Inserisci il colore dello sfondo nel relativo campo con il medesimo formato supportato.
- Se lasci i campi vuoti, la verifica impiega i valori standard di testo nero (#000000) su sfondo bianco (#ffffff).
- Avvia l'analisi per esaminare il quoziente numerico calcolato e la corrispondenza con i quattro livelli di soglia.
Esempi
- Testo blu scuro #003366 su sfondo bianco #ffffff: genera un rapporto di contrasto pari a 10.67, superando tutte le soglie per testo normale e grande.
- Testo grigio rgb(128, 128, 128) su sfondo grigio chiaro rgb(220, 220, 220): produce un rapporto di contrasto pari a 2.75, inferiore a tutte le quattro soglie di leggibilità.
FAQ
Quali formati colore posso inserire nei campi?
Puoi usare valori esadecimali a tre o sei cifre con il simbolo cancelletto iniziale (come #333 o #336699) oppure la notazione rgb seguita da tre numeri decimali separati da virgole, per esempio rgb(34, 45, 60).
Cosa indicano le quattro soglie numeriche nel resoconto?
Rappresentano i livelli di contrasto per il testo di dimensioni ordinarie (valori limite 4.5 e 7.0) e per il testo di grandi dimensioni (valori limite 3.0 e 4.5).
Cosa accade se inserisco due colori identici?
Quando il colore di primo piano e quello di sfondo coincidono perfettamente, lo strumento calcola un rapporto di contrasto pari a 1.0.
Come correggere una segnalazione di errore sui colori?
Verifica che il codice esadecimale inizi con il cancelletto e contenga solo 3 o 6 caratteri validi, oppure controlla che la stringa rgb contenga tre valori numerici separati da virgole.