Verificator de contrast de culoare

    Testează raportul de contrast între culorile de prim-plan și fundal pentru a asigura accesibilitatea.

    1.00:1
    Contrast
    Fail
    Foarte slab

    Text normal

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

    Text mare

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

    Corecții rapide

    Aa

    Titlu de previzualizare

    Vulpea maro rapidă sare peste câinele leneș

    Exemplu de text mic (12px)

    Text
    #000000
    Fundal
    #2596be

    Standarde WCAG

    Level AA

    Raport minim de contrast de 4.5:1 pentru text normal și 3:1 pentru text mare. Necesare pentru majoritatea site-urilor web.

    Level AAA

    Raport de contrast îmbunătățit de 7:1 pentru text normal și 4.5:1 pentru text mare. Recomandat pentru accesibilitate optimă.

    Contrast insuficient pentru toate dimensiunile textului - nu respectă standardele WCAG.

    Verificator de contrast de culoare

    Calculează raportul de contrast al culorilor textului și fundalului.

    Alege o culoare folosind selectorul de culoare pentru text și culoarea de fundal sau introdu o culoare în format hexadecimal RGB (de exemplu, #259 sau #2596BE). Poți ajusta glisorul pentru a selecta culoarea. Ghidurile de Accesibilitate a Conținutului Web (WCAG) au o directivă specifică pentru a ajuta la determinarea dacă textul este lizibil pentru utilizatorii cu vedere. Acest criteriu folosește un algoritm special pentru a mapa combinațiile de culori în rapoarte comparabile. Folosind această formulă, WCAG afirmă că un raport de contrast de 4.5:1 între text și fundalul său este adecvat pentru textul obișnuit (corp), iar textul mare (18+ pt normal, sau 14+ pt îngroșat) ar trebui să aibă cel puțin un raport de contrast de 3:1.

    Caracteristici cheie

    • Calcul în timp real al raportului de contrast
    • Verificare conformitate WCAG AA & AAA
    • Slidere HSL pentru ajustare fină
    • Formate multiple de previzualizare

    Instrumente avansate

    • Corectare automată a culorilor
    • Mostre de text și fundal
    • Detectare nume culoare
    • Exportare rezultate