Инструменты для работы с цветом

Конвертер HEX-цвета

Преобразуйте HEX-цвет в HEX, RGB и HSL и получите числовую оценку яркости.

Запустить инструмент

Преобразуйте шестнадцатеричный цвет в удобные форматы HEX, RGB и HSL. Инструмент проверяет строку с трёх- или шестизначным кодом, автоматически разворачивает короткую запись вроде f5a в шестизначный эквивалент и вычисляет числовую оценку яркости по цветовым каналам.

Как пользоваться:
1. Введите HEX-код, например #3498db или 3498db. Пробелы по краям удаляются автоматически.
2. Выберите нужный формат: «Все», «HEX», «RGB» или «HSL».
3. Нажмите кнопку запуска и скопируйте полученные значения.

В варианте «Все» выводятся нормализованный HEX со строчными буквами, RGB с целыми числами каналов и HSL с округлёнными значениями оттенка, насыщенности и светлоты. В каждом режиме также вычисляется оценка яркости от 0 до 255 с точностью до трёх десятичных знаков. Строки RGB, цвета с альфа-каналом и некорректные символы не поддерживаются. Полученная оценка яркости служит только для числового ориентира и не оценивает контрастность или доступность интерфейса.

Инструкция

  1. Введите трёх- или шестизначный HEX-цвет в поле «HEX-цвет».
  2. Выберите формат вывода: «Все», «HEX», «RGB» или «HSL».
  3. Запустите преобразование, чтобы увидеть выбранное представление и оценку яркости.
  4. Если значение не появилось, проверьте корректность HEX-строки и выбранный формат.

Примеры

  • Введите #3498db и оставьте формат «Все», чтобы получить значения HEX, RGB и HSL, а также оценку яркости.
  • Введите f5a623 и выберите формат «HSL», чтобы вывести только представление HSL и числовую оценку яркости.

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

Какие значения цвета можно вводить?

Инструмент принимает строку ровно с тремя или шестью шестнадцатеричными цифрами. Перед цифрами можно указать символ #, а пробелы в начале и конце удаляются.

Поддерживается ли сокращённая HEX-запись?

Да. Трёхзначная запись автоматически разворачивается в шестизначную перед преобразованием.

Можно ли вводить RGB или цвет с прозрачностью?

Нет. Строки RGB, значения с альфа-каналом, некорректные HEX-значения и другие типы данных отклоняются.

Что означает выбор формата вывода?

В формате «Все» отображаются HEX, RGB и HSL. При выборе отдельного формата выводится соответствующее цветовое представление и оценка яркости.

Что показывает оценка яркости?

Это числовая оценка по шкале от 0 до 255, рассчитанная по каналам красного, зелёного и синего с весами 0,299, 0,587 и 0,114. Она не заменяет проверку контрастности или соответствия стандартам доступности.

Встроить этот инструмент

Добавьте рабочий инструмент SmartPlusLab на свой сайт с помощью кода ниже.