Инструменты для работы с цветом
Симулятор цветового зрения
Посмотрите несколько симуляций цветового восприятия для выбранного HEX-цвета и сравните их с вариантом в градациях серого.
Запустить инструмент
Симулятор цветового зрения помогает оценить, как выбранный цвет выглядит при разных вариантах цветового восприятия. Укажите шестнадцатеричный код цвета, например #4a90e2 или 3a7bd5. Если символ # пропущен в начале строки, инструмент автоматически добавит его перед выполнением расчета. Поддерживаются как трехзначные, так и шестизначные записи формата HEX. Короткая трехзначная запись автоматически расширяется до полного шестизначного формата. Если оставить поле ввода пустым, автоматически применяется цвет по умолчанию #ff0000. Для каждого корректно переданного значения сервис вычисляет три модифицированных оттенка, а также четвертый вариант в градациях серого. Все полученные цветовые каналы приводятся к целочисленному диапазону от 0 до 255, а итоговые значения выводятся в виде шестизначных строчных кодов со знаком решетки. Если в строке обнаружены недопустимые символы или нарушена длина записи, инструмент выведет сообщение об ошибке. Используйте полученные варианты для предварительной оценки читаемости кнопок, иконок, фонов и акцентных элементов интерфейса.
Инструкция
- Введите шестнадцатеричный цвет в поле «Цвет». Начальный символ # можно не указывать.
- Нажмите кнопку запуска инструмента и сравните три преобразованных варианта с результатом в градациях серого.
- Если появился индикатор ошибки, проверьте длину значения и используемые символы, затем повторите ввод.
- Используйте полученные варианты как предварительную проверку цветового решения в макете или интерфейсе.
Примеры
- Введите #ff8800, чтобы получить несколько преобразованных вариантов этого цвета и оттенок серого.
- Оставьте поле пустым, если хотите проверить цвет по умолчанию #ff0000.
Частые вопросы
Какой формат цвета поддерживается?
Инструмент принимает шестнадцатеричное обозначение цвета, например #3a7bd5 или 3a7bd5. Если символ # отсутствует, он добавляется автоматически.
Можно ли не указывать цвет?
Да. Если поле оставить пустым, используется цвет #ff0000.
Что показывает результат?
Для корректно разобранного цвета инструмент формирует три преобразованных варианта и один вариант в градациях серого.
Что делать, если преобразованные цвета не появились?
При ошибке разбора шестнадцатеричного значения операция может завершиться с отметкой об ошибке без данных преобразования. Проверьте, что введены допустимые шестнадцатеричные символы.