Проверувач на контраст на бои

    Тестирај го контрастниот однос помеѓу преден и позадински бои за да осигураш пристапност.

    1.00:1
    Контраст
    Fail
    Многу лошо

    Нормален текст

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

    Голем текст

    AA (3:1)
    AAA (4.5:1)
    #C0C0C0
    #c0c0c0
    #FFFFFF
    #ffffff

    Брзи поправки

    Aa

    Наслов на преглед

    Брзиот кафеав лисец скока преку мрзливото куче

    Пример за мал текст (12px)

    Текст
    #c0c0c0
    Позадина
    #ffffff

    WCAG стандарди

    Level AA

    Минимален сооднос на контраст од 4.5:1 за обичен текст и 3:1 за голем текст. Потребен за повеќето веб-сајтови.

    Level AAA

    Подобрен сооднос на контраст од 7:1 за обичен текст и 4.5:1 за голем текст. Препорачано за оптимален пристап.

    Недоволен контраст за сите големини на текст - не ги исполнува WCAG стандардите.

    Проверувач на контраст на бои

    Пресметај го контрастниот однос на текст и позадински бои.

    Избери боја користејќи го алатот за избор на боја за боја на текст и позадина или внеси боја во RGB хексадецимален формат (на пр. #259 или #2596BE). Можеш да го подесиш слајдерот за да избереш боја. Насоките за пристапност на веб содржини (WCAG) имаат специфична насока за да се осигура дали текстот е читлив за луѓе со вид. Овие критериуми користат посебен алгоритам за мапирање на комбинации на бои во споредливи соодноси. Користејќи ја оваа формула, WCAG наведува дека еден 4.5:1 сооднос на контраст на бојата со текстот и неговата позадина е соодветен за регуларен (текст за тело), а големиот текст (18+ pt редовен, или 14+ pt болд) треба да има најмалку 3:1 сооднос на контраст на бојата.

    Клучни карактеристики

    • Пресметка на контраст во реално време
    • Проверка на усогласеност со WCAG AA & AAA
    • HSL лизгачи за прецизно подесување
    • Повеќе формати за преглед

    Напредни алатки

    • Автоматско поправање на боја
    • Примери за текст и позадина
    • Детекција на име на боја
    • Извоз на резултати