общий инструмент / 08

Конвертер цветов

Конвертируйте HEX в RGB и HSL с предварительным просмотром цвета.

Конвертер цветов: TOEA распознаёт короткую и полную запись HEX и рассчитывает стандартные значения каналов sRGB и HSL. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.

Запуски
В вашем браузере
Стоимость
Бесплатно · без регистрации
Доступность
Готово к использованию
Color conversion deskЛокальная обработка

Полностью работает в браузере

Результат

Локальный расчёт
#63C42D
HEX: #63C42D
RGB: rgb(99, 196, 45)
HSL: hsl(99, 63%, 47%)

HEX, RGB и HSL

HEX и RGB описывают одно и то же: количество красного, зелёного и синего в диапазоне от 0 до 255, записанное в шестнадцатеричной или десятичной системе. HSL описывает цвет через тон, насыщенность и светлоту, поэтому его проще настраивать вручную: чтобы сделать цвет бренда светлее или темнее, измените только значение L. Генератор оттенков выполняет это равными шагами.

Проверка цвета в работе

Эти значения относятся к sRGB — цветовому пространству интернета и большинства экранов. Дисплеи с широким цветовым охватом могут отображать более насыщенные цвета через функции CSS, такие как color(display-p3 …) и oklch(), для которых не существует точного эквивалента HEX.

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

Как пользоваться

  1. Введите или выберите цвет HEX.
  2. Просмотрите его представления в RGB и HSL.
  3. Скопируйте набор значений.

Конфиденциальность и ограничения

Цвета обрабатываются локально. Отображение может различаться в зависимости от настроек монитора и цветового профиля.

Похожие инструменты

Часто задаваемые вопросы

Загружаются ли введённые данные?

Нет. Обработка выполняется в текущей вкладке браузера.

Поддерживается ли альфа-канал?

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

Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен