Проверка контрастности цветов

Это проверка цветового контраста по WCAG, которая показывает точное соотношение контраста между цветом текста и цветом фона, а также соответствие уровням доступности AA и AAA. Выбирайте цвета образцом или по шестнадцатеричному коду и смотрите живой предпросмотр.

Подбирайте два цвета, пока значки не покажут нужный вам уровень, и результат будет обновляться сразу по ходу.

Текст, слишком близкий по светлоте к своему фону, трудно или невозможно прочитать, особенно людям со слабым зрением или нарушениями цветовосприятия, а также любому, кто смотрит на телефон при ярком солнце. Достаточный контраст сохраняет читаемость вашего содержимого для всех.

Стандарт задают Руководства по доступности веб-содержимого (WCAG). Уровень AA, к которому стремится большинство сайтов и на который ссылаются многие законы о доступности, требует соотношения 4,5:1 для обычного текста и 3:1 для крупного. AAA строже: 7:1 и 4,5:1.

У крупного текста порог ниже, потому что более крупные буквы остаются читаемыми при меньшем контрасте. Текст считается крупным примерно с 24px (18pt) или с 18,66px (14pt), если он полужирный.

Соотношение выводится из относительной яркости двух цветов по официальной формуле WCAG и даёт значение от 1:1 (нет контраста, цвета одинаковы) до 21:1 (чёрное на белом).

Всё рассчитывается в вашем браузере, поэтому это мгновенно и конфиденциально. Ничто из выбранного вами никуда не загружается.