Tada File , Tutti gli strumenti

Verifica contrasto colori

Controlla se i colori di testo e sfondo sono abbastanza leggibili per WCAG AA e AAA, e ottieni il colore più vicino che supera il test.

Testo di un titolo grande

Testo normale, della dimensione che la maggior parte delle persone legge sullo schermo. Ha bisogno di più contrasto del testo grande per essere facile da leggere.

Pulsante

Rapporto di contrasto

4,54:1

  • Testo normale · AA 4.5:1Superato
  • Testo normale · AAA 7:1Non superato
  • Testo grande · AA 3:1Superato
  • Testo grande · AAA 4.5:1Superato
  • Icone e bordi · AA 3:1Superato

Colore del testo più vicino che supera il test:

Misurato con la formula WCAG 2.2. Il testo grande parte da 24 px, o 18,5 px in grassetto. Il testo semitrasparente viene misurato come appare sullo sfondo.

Verifica contrasto colori misura il rapporto di contrasto tra il colore di un testo e il suo sfondo con la formula WCAG 2.2, e mostra se supera i livelli AA e AAA per il testo normale, il testo grande e icone e bordi. Un’anteprima dal vivo mostra testo vero sullo sfondo. Quando una coppia non supera il test, lo strumento suggerisce il colore del testo più vicino che lo supera, mantenendo la tonalità, così modifichi il tuo design il meno possibile.

Come usare Verifica contrasto colori

  1. 1

    Scegli due colori

    Inserisci il colore del testo e quello dello sfondo, oppure sceglili.

  2. 2

    Leggi il risultato

    Guarda il rapporto e se supera AA e AAA.

  3. 3

    Correggi se serve

    Usa il colore suggerito che supera il test.

Cosa fa

Livelli WCAG 2.2
AA e AAA per testo normale e grande, più icone e bordi.
Anteprima dal vivo
Guarda titoli, testo e un pulsante sullo sfondo.
La correzione più vicina
Il colore conforme più vicino, con la stessa tonalità.

Domande

Che rapporto di contrasto mi serve?

WCAG AA chiede 4,5:1 per il testo normale e 3:1 per testo grande, icone e bordi. AAA chiede 7:1 per il testo normale e 4,5:1 per il testo grande.

Cosa si intende per testo grande?

Da 24 px in su, oppure testo in grassetto da circa 18,5 px (14 pt).

Funziona con i colori semitrasparenti?

Sì. Un colore del testo trasparente viene misurato come appare sullo sfondo.

Serve una connessione a internet?

Solo per aprire la pagina. Tutto viene calcolato sul tuo dispositivo e nulla di ciò che scrivi viene inviato.