Controllo del contrasto dei colori

    Verifica il rapporto di contrasto tra i colori in primo piano e quelli 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)
    Black
    #000000
    Eastern Blue
    #2596be

    Soluzioni rapide

    Aa

    Anteprima del titolo

    La volpe marrone veloce salta sul cane pigro

    Esempio di testo piccolo (12px)

    Testo
    #000000
    Sfondo
    #2596be

    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