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