Как проверить цвет в симуляторе дальтонизма по HEX

Введите HEX-цвет, запустите проверку и сравните три преобразованных варианта с результатом в оттенках серого. Пустой ввод использует #ff0000, а корректные результаты отображаются в шестизначном HEX-формате.

Для чего нужен симулятор цвета

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

Как выполнить проверку

1. Подготовьте значение цвета в шестнадцатеричном формате. Можно указать запись с символом #, например #336699, или без него, например 336699. Если поле оставить пустым, инструмент использует значение #ff0000, поэтому перед запуском проверьте, что пустой ввод действительно соответствует вашей задаче.

2. Введите цвет в поле для HEX-значения и запустите проверку. Если символ # не указан, он добавляется автоматически. Трёхзначная запись вроде #369 перед разбором раскрывается до шестизначной формы, эквивалентной #336699. Это позволяет вводить короткую запись, не преобразуя её вручную.

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

4. Зафиксируйте значения, которые понадобятся для макета или дальнейшей проверки. Результаты цвета выводятся как шестизначные шестнадцатеричные значения в нижнем регистре и начинаются с #. Каналы округляются до целых значений и ограничиваются диапазоном от 0 до 255, поэтому формат результата будет единообразным.

5. Если вместо преобразованных данных появилась индикация ошибки, проверьте исходную запись и повторите ввод. Ошибка разбора значения или обращения к отсутствующей части записи не переводит операцию в отдельный отказ: результат может сообщать об успешном завершении, но при этом не содержать преобразованных цветов. Поэтому ориентируйтесь не только на общий статус, но и на наличие данных о цветах.

Как читать результат

Три преобразованных значения показывают разные рассчитанные варианты восприятия исходного цвета, а результат в оттенках серого позволяет отдельно оценить распределение светлоты без цветового оттенка. Это не несколько названий одного цвета и не исходное значение, повторённое в другом виде: каждый результат предназначен для сопоставления с исходным HEX-цветом.

Формат результата удобен для переноса в палитру или таблицу: у каждого корректно рассчитанного значения есть #, шесть символов HEX и строчные буквы a-f, если они встречаются. Не следует ожидать сохранения исходной записи в том же виде: например, короткая форма проходит нормализацию, а вычисленные каналы округляются. Визуальное сравнение и числовая запись отвечают на разные вопросы: изображение помогает увидеть различие, а HEX-значение помогает повторно использовать полученный оттенок.

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

Например, дизайнер хочет проверить синий цвет кнопки и вводит #336699. Для этой записи инструмент возвращает три преобразованных цветовых значения и один результат в оттенках серого. Каждый цветовой результат имеет форму # плюс шесть символов в нижнем регистре; конкретные вычисленные значения нужно прочитать в самом выводе, поскольку они рассчитываются для введённого цвета. Если вместо набора данных отображается индикация ошибки, дизайнеру следует проверить длину и состав HEX-записи, а затем повторить проверку с корректным значением.

Практический пример

Дизайнер проверяет синий цвет кнопки перед переносом палитры в макет.

Дизайнер вводит #336699, запускает проверку и сверяет полученные варианты с исходным цветом.

Для корректно введённого #336699 результат содержит три преобразованных шестизначных HEX-значения в нижнем регистре и одно представление в оттенках серого.

Ограничения

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

Частые ошибки

• Причина: в поле введена запись, которую нельзя корректно разобрать как HEX-цвет, например значение с неподходящей длиной или символами. Действие: используйте шестизначную запись с символом #, проверьте её перед запуском и убедитесь, что в результате появились преобразованные данные, а не только индикация ошибки.

Частые вопросы

Можно ли вводить HEX-цвет без символа #?

Да, если запись можно разобрать как HEX-цвет: символ # добавится автоматически, а трёхзначная форма сначала раскроется до шестизначной. При ошибке разбора вместо преобразованных данных появится индикация ошибки.

Что произойдёт, если оставить поле цвета пустым?

Пустое поле запускает проверку со значением #ff0000. Если нужно проверить другой цвет, введите его явно перед запуском.

Сколько вариантов цвета показывает результат?

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