Vai al contenuto

Verifica del contrasto dei colori

Assicurati che il tuo testo sia leggibile per tutti.

Caricamento…

Scegli un colore per il testo e uno per lo sfondo per vedere il loro rapporto di contrasto e se rispettano i livelli di accessibilità WCAG 2: AA e AAA per testo normale e grande, e il minimo di 3:1 per icone e controlli. L’anteprima mostra testo reale nei due colori e con un clic li scambi.

Come verificare il contrasto dei colori

  1. Passo 1

    Inserisci i colori del testo e dello sfondo.

  2. Passo 2

    Leggi il rapporto di contrasto e i risultati WCAG.

  3. Passo 3

    Regola i colori finché ogni livello necessario è superato.

Perché usare PhotoTools

Livelli WCAG 2

AA e AAA per testo normale e grande.

Anteprima dal vivo

Testo reale nei tuoi colori.

Qualsiasi formato

HEX, RGB, HSL o nomi dei colori.

Formati supportati

Uscita

  • WCAG

Domande frequenti

Di quale contrasto ho bisogno?

WCAG AA richiede 4,5:1 per il testo normale e 3:1 per il testo grande (18 pt, o 14 pt in grassetto) e per i controlli; AAA richiede 7:1 e 4,5:1.

Il risultato coincide con altri strumenti?

Sì. Usa la formula della luminanza relativa delle WCAG 2, la stessa degli strumenti per sviluppatori dei browser.

È gratis?

Sì. Gli strumenti del browser di PhotoTools sono gratuiti, illimitati e funzionano senza account.