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