Testo normale
Testo grande
Soluzioni rapide
Anteprima del titolo
La volpe marrone veloce salta sul cane pigro
Esempio di testo piccolo (12px)
Standard WCAG
Level AA
Rapporto di contrasto minimo di 4,5:1 per il testo normale e di 3:1 per il testo grande. Richiesto per la maggior parte dei siti web.
Level AAA
Rapporto di contrasto migliorato di 7:1 per il testo normale e di 4,5:1 per il testo grande. Consigliato per un'accessibilità ottimale.
Contrasto insufficiente per tutte le dimensioni del testo - non rispetta gli standard WCAG.
Controllo del contrasto dei colori
Calcola il rapporto di contrasto tra i colori del testo e dello sfondo.
Scegli un colore utilizzando il selezionatore di colori per il testo e lo sfondo oppure inserisci un colore in formato esadecimale RGB (ad esempio, #259 o #2596BE). Puoi regolare il cursore per selezionare il colore. Le Linee Guida per l'Accessibilità dei Contenuti Web (WCAG) hanno una linea guida specifica che aiuta a capire se il testo è leggibile per gli utenti vedenti. Questo criterio utilizza un particolare algoritmo per mappare le combinazioni di colori in rapporti comparabili. Utilizzando questa formula, le WCAG affermano che un rapporto di contrasto cromatico di 4,5:1 tra il testo e lo sfondo è adeguato per il testo normale (corpo), mentre il testo di grandi dimensioni (18+ pt normale o 14+ pt grassetto) dovrebbe avere almeno un rapporto di contrasto cromatico di 3:1.
Caratteristiche principali
- • Calcolo del rapporto di contrasto in tempo reale
- • Verifica della conformità alle WCAG AA e AAA
- • Cursori HSL per una regolazione fine
- • Formati di anteprima multipli
Strumenti avanzati
- • Fissazione automatica del colore
- • Esempi di testo e sfondo
- • Rilevamento del nome del colore
- • Esportazione dei risultati