Verificatore di cuntrastu di culore

    Pruvate u rapportu di cuntrastu trà i culori di primu pianu è di fondu per assicurà l'accessibilità.

    1.00:1
    Cuntrastu
    Fail
    Assai poviru

    Testu nurmale

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

    Testu grande

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Black
    #2596be

    Risoluzioni rapide

    Aa

    Anteprima di u titulu

    A volpe marrone rapida salta sopra u cane pigru

    Esempiu di testu chjucu (12px)

    Testu
    #000000
    Sfondate
    #2596be

    Norme WCAG

    Level AA

    Rapportu di cuntrastu minimu di 4,5:1 per u testu nurmale è 3:1 per u testu grande. Obbligatoriu per a maiò parte di i siti web.

    Level AAA

    Rapportu di cuntrastu miglioratu di 7:1 per u testu nurmale è 4,5:1 per u testu grande. Cunsigliatu per una accessibilità ottimale.

    Poveru cuntrastu per tutte e dimensioni di testu.

    Verificatore di cuntrastu di culore

    Calculate u rapportu di cuntrastu di u testu è i culori di fondo.

    Sceglite un culore usendu u selettore di culore per u testu è u culore di fondu o inserite un culore in u formatu esadecimale RGB (per esempiu, #259 o #2596BE). Pudete aghjustà u slider per selezziunà u culore. U Web Content Accessibility Guidelines (WCAG) hà una guida specifica per aiutà à capisce se u testu hè leggibile per l'utilizatori vedenti. Stu criteriu usa un algoritmu particulari per mappe e combinazioni di culori in proporzioni paragunabili. Utilizendu sta formula, WCAG dice chì un rapportu di cuntrastu di culore 4.5: 1 cù u testu è u so fondu hè adattatu per u testu regulare (corpu), è u testu grande (18+ pt regular, o 14+ pt bold) deve avè almenu un 3: 1 rapportu di cuntrastu di culore.

    Caratteristiche principali

    • Calculu di u rapportu di cuntrastu in tempu reale
    • Verificazione di cunfurmità WCAG AA è AAA
    • Cursori HSL per una regolazione fine
    • Parechji furmati d'anteprima

    Strumenti Avanzati

    • Fissazione automatica di u culore
    • Campioni di testu è di fondu
    • Rilevazione di u nome di u culore
    • Esporta i risultati