Нормален текст
Голям текст
Бързи поправки
Преглед на заглавието
Бързата кафява лисица прескача мързеливото куче
Пример за малък текст (12px)
Стандарти 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 за фина настройка
- • Множество формати за предварителен преглед
Разширени инструменти
- • Автоматично фиксиране на цвета
- • Образци на текст и фон
- • Откриване на името на цвета
- • Експортиране на резултати