Инструменты для работы с цветом
Проверка контраста цветов
Проверьте коэффициент контраста между цветом переднего плана и фона и получите оценки по порогам для текста.
Запустить инструмент
Проверьте контраст между цветом переднего плана и цветом фона. Сервис принимает короткие и полные HEX-значения, а также RGB-запись с тремя десятичными компонентами. Он рассчитывает коэффициент контраста и показывает оценки по порогам для обычного и крупного текста.
Введите цвет переднего плана и цвет фона, затем запросите проверку. Если значение не указано, для переднего плана используется #000000, а для фона #ffffff. Например, пара #000000 и #ffffff помогает проверить чёрный текст на белом фоне. Для второго примера используйте #777777 и #ffffff и сравните полученный коэффициент с оценками для двух размеров текста.
Перед разбором сервис убирает пробелы по краям и приводит буквы к нижнему регистру. Если цвет не удаётся разобрать, результат содержит сообщение об ошибке без обычных оценок. Пороговые оценки относятся к выбранной паре цветов и не заменяют полную проверку доступности интерфейса.
Инструкция
- Введите значение для параметра «Цвет переднего плана», например #333333.
- Введите значение для параметра «Цвет фона», например #ffffff.
- Запросите проверку и изучите коэффициент контраста и оценки по четырём порогам.
- Для примера используйте цвет переднего плана #777777 и цвет фона #ffffff.
- При ошибке проверьте знак #, длину HEX-записи или наличие трёх числовых компонентов в RGB-записи.
Примеры
- Пример 1: укажите #000000 для цвета переднего плана и #ffffff для фона, чтобы проверить контраст чёрного текста на белом фоне.
- Пример 2: введите #777777 и #ffffff, затем сравните коэффициент с порогами для обычного и крупного текста.
Частые вопросы
Что проверяет сервис?
Сервис сравнивает цвета переднего плана и фона, рассчитывает коэффициент контраста и показывает оценки по четырём порогам: 4,5 и 7,0 для обычного текста, 3,0 и 4,5 для крупного текста.
Какие форматы цвета поддерживаются?
Поддерживаются HEX-записи из трёх или шести символов после знака #, например #fff или #ffffff. Также принимается запись rgb(0, 0, 0) с тремя десятичными числовыми компонентами.
Какие цвета используются по умолчанию?
Если цвет переднего плана не указан, используется #000000. Если цвет фона не указан, используется #ffffff.
Какой результат будет для одинаковых цветов?
Для одинаковых цветов коэффициент контраста равен 1,0. Такая пара не создаёт различия по яркости.
Что произойдёт при неверной записи цвета?
Результат содержит сообщение об ошибке, а обычные оценки контраста для такой пары не формируются.