Verifica contrasto colore

    Testa il rapporto di contrasto tra colori di primo piano e di sfondo per garantire l'accessibilità.

    1.00:1
    Contrasto
    Fail
    Molto scarso

    Testo normale

    AA (4.5:1)
    AAA (7:1)

    Testo grande

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #FF69B4
    #ff69b4

    Correzioni rapide

    Aa

    Titolo di anteprima

    La veloce volpe marrone salta sopra il cane pigro

    Esempio di testo piccolo (12px)

    Testo
    #ffffff
    Sfondo
    #ff69b4

    Standard WCAG

    Level AA

    Rapporto minimo di contrasto di 4.5:1 per testo normale e 3:1 per testo grande. Richiesto per la maggior parte dei siti web.

    Level AAA

    Rapporto di contrasto migliorato di 7:1 per testo normale e 4.5:1 per testo grande. Raccomandato per un'ottimale accessibilità.

    Contrasto insufficiente per tutte le dimensioni del testo - non rispetta gli standard WCAG.

    Controllo contrasto colore

    Calcola il rapporto di contrasto tra testo e colori di sfondo.

    Scegli un colore usando il selettore di colori per testo e sfondo o inserisci un colore in formato RGB esadecimale (es. #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 per determinare se il testo è leggibile per gli utenti vedenti. Questo criterio utilizza un algoritmo particolare per convertire le combinazioni di colori in rapporti confrontabili. Usando questa formula, WCAG afferma che un rapporto di contrasto colore di 4.5:1 tra testo e sfondo è adeguato per il testo normale (corpo), e il testo grande (18+ pt normale, o 14+ pt grassetto) dovrebbe avere almeno un rapporto di 3:1.

    Caratteristiche principali

    • Calcolo del rapporto di contrasto in tempo reale
    • Verifica della conformità WCAG AA & AAA
    • Slider HSL per regolazioni fini
    • Formati di anteprima multipli

    Strumenti avanzati

    • Correzione automatica dei colori
    • Campioni di testo e sfondo
    • Rilevamento del nome del colore
    • Esporta risultati