Калькулятор относительной яркости для контраста WCAG
Калькулятор относительной яркости измеряет, насколько светлым выглядит цвет по шкале WCAG, от 0 для чёрного до 1 для белого. Он применяет передаточную функцию sRGB и визуальное взвешивание для вычисления яркости, затем использует 0,179 как точку перехода для выбора чёрного или белого текста. Введите цвет, настройте доступные параметры, просмотрите результат и скопируйте его для работы.
Калькулятор относительной яркости измеряет, насколько светлым выглядит цвет, используя определение относительной яркости WCAG. Значение — от 0 для чёрного до 1 для белого. Этот браузерный инструмент также использует порог 0,179 как точку, где контраст чёрного на цвете и белого на цвете пересекаются, что помогает ему выбрать светлый или тёмный текст.
Чтобы использовать его, введите, вставьте или перетащите цвет, при необходимости настройте доступные параметры и просмотрите результат. Вычисление учитывает передаточную функцию sRGB и чувствительность глаза к каждому каналу. Затем можно скопировать результат для использования в своём рабочем процессе. Ввод не уточняет конкретные форматы ввода цвета и не объясняет отдельные параметры, поэтому проверьте интерфейс инструмента для этих деталей.
Относительная яркость описывает, насколько ярким выглядит цвет на этой шкале; это не то же самое, что коэффициент контраста. Переход 0,179 даёт основу для выбора между чёрным и белым текстом, делая вычисление полезным при проверке цветов интерфейса или работе с палитрой. Разработчики и дизайнеры могут использовать значение для решений о цвете текста, не рассматривая его как полную оценку доступности.
Инструмент работает полностью в вашем браузере, а ввод обрабатывается на вашем устройстве. Ничего не загружается, не сохраняется и не отправляется на сервер. Он бесплатен, а после загрузки страницы работает без интернет-соединения. Это делает калькулятор относительной яркости полезным для разработчиков, дизайнеров и DevOps-инженеров, желающих быстро проверить цвет, не устанавливая ПО и не делясь данными цвета с онлайн-сервисом.
Шаг 1: Введите, вставьте или перетащите цвет как ввод. Инструмент использует его для вычисления относительной яркости.
Шаг 2: При необходимости настройте доступные параметры. Инструмент включает параметры, хотя их конкретные настройки здесь не описаны.
Шаг 3: Просмотрите вычисленную яркость и выбор светлого или тёмного текста. Порог 0,179 — точка перехода между контрастом чёрного на цвете и белого на цвете.
Шаг 4: Скопируйте результат для использования в рабочем процессе разработки или дизайна.
Пример использования: Вычислите относительную яркость цвета, не устанавливая локальный инструмент. Это удобно, когда нужен быстрый результат во время разработки.
Пример использования: Проверьте, светлый или тёмный текст — предлагаемый выбор для цвета в интерфейсе. Порог 0,179 даёт основу для этого выбора.
Пример использования: Работайте из браузера на машине, оказавшейся под рукой. Можно ввести цвет и скопировать результат, не настраивая ПО локально.
Пример использования: Не вставляйте внутренние данные цвета в сторонний сервис. Вычисление выполняется в вашем браузере, а ввод не отправляется на сервер.
Пример использования: Просматривайте цвета, используемые в дизайн-системе или палитре приложения. Вычисление их относительной яркости помогает принять решения о цвете текста.
Пример использования: Быстро проверьте во время ревью доступности. Результат помогает определить, чёрный или белый текст лучше для цвета.