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)
    #C0C0C0
    #c0c0c0
    #FFFFFF
    #ffffff

    Corecții rapide

    Aa

    Titlu de previzualizare

    Vulpea maro rapidă sare peste câinele leneș

    Exemplu de text mic (12px)

    Text
    #c0c0c0
    Fundal
    #ffffff

    Standarde WCAG

    Level AA

    Raport minim de contrast de 4.5:1 pentru text normal și 3:1 pentru text de mari dimensiuni. 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 de mari dimensiuni. 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 fundal sau introdu o culoare în format hexazecimal RGB (ex: #259 sau #2596BE). Poți ajusta glisorul pentru a selecta culoarea. Ghidurile de Accesibilitate pentru Conținut Web (WCAG) oferă o linie directoare specifică pentru a determina dacă textul este lizibil pentru utilizatorii văzători. Aceste criterii folosesc un algoritm particular pentru a mapa combinațiile de culori în rapoarte comparabile. Folosind această formulă, WCAG precizează că un raport de contrast 4.5:1 între text și fundalul său este adecvat pentru textul normal, iar textul de mari dimensiuni (18+ pt normal, sau 14+ pt bold) ar trebui să aibă un raport de contrast de cel puțin 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