Verificator de contrast de culoare

    Testați raportul de contrast dintre culorile de prim-plan și de 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
    Black
    #2596be

    Soluții rapide

    Aa

    Previzualizare titlu

    Vulpea maro iute sare peste câinele leneș

    Exemplu de text mic (12px)

    Text
    #000000
    Context
    #2596be

    Standardele WCAG

    Level AA

    Raport minim de contrast de 4,5:1 pentru text normal și 3:1 pentru text mare. Necesar 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 o accesibilitate optimă.

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

    Verificator de contrast de culoare

    Calculați raportul de contrast al culorilor textului și fundalului.

    Alegeți o culoare utilizând selectorul de culori pentru text și culoarea de fundal sau introduceți o culoare în format hexazecimal RGB (de exemplu, #259 sau #2596BE). Puteți ajusta cursorul pentru a selecta culoarea. Liniile directoare privind accesibilitatea conținutului web (WCAG) au un criteriu specific pentru a vă ajuta să vă dați seama dacă textul este lizibil pentru utilizatorii văzători. Acest criteriu utilizează un anumit algoritm pentru a cartografia combinațiile de culori în raporturi comparabile. Folosind această formulă, WCAG afirmă că un raport de contrast al culorilor de 4,5:1 între text și fundalul acestuia este adecvat pentru textul normal (corp), iar textul mare (18+ pt normal sau 14+ pt bold) ar trebui să aibă un raport de contrast al culorilor de cel puțin 3:1.

    Caracteristici principale

    • Calcularea raportului de contrast în timp real
    • Verificarea conformității cu WCAG AA & AAA
    • Glisoare HSL pentru reglaj fin
    • Mai multe formate de previzualizare

    Instrumente avansate

    • Fixarea automată a culorilor
    • Exemple de text și fundal
    • Detectarea numelui culorii
    • Export rezultate