Информатика

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

HEX, RGB и HSL представления цвета.

Результат

HEX

#0D9488

RGB

rgb(13, 148, 136)

HSL

hsl(175, 84%, 32%)

#0D9488

#D9FCF992%

#98F6EE78%

#56F0E364%

#0D968B32%

#10B2A538%

#0A716824%

Вывод

#0D9488
rgb(13, 148, 136)
hsl(175, 84%, 32%)

Поддерживаются HEX и rgb(r,g,b).

Конвертер цветов переводит значения между HEX, RGB и HSL. Он полезен при работе с CSS, дизайн-токенами, палитрами и быстрым сравнением оттенков.

Как работает конвертер цветов

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

Как перевести цвет онлайн

Введите цвет. Добавьте HEX, RGB или HSL значение в поддерживаемом формате.
Проверьте распознавание. Убедитесь, что каналы и проценты прочитаны корректно.
Скопируйте нужный формат. Возьмите HEX для макета, RGB или HSL для CSS и переменных.
Сверьте визуально. Проверьте образец цвета рядом с числовыми значениями.

Связь HEX и RGB

#RRGGBB = rgb(R, G, B)
FF16 = 25510

В HEX каждая пара символов задаёт канал от 00 до FF. HSL пересчитывается из RGB через максимум, минимум и разницу каналов.

Пример

Цвет #336699 соответствует rgb(51, 102, 153). В HSL это синий оттенок с умеренной насыщенностью и средней светлотой.

Источники

CSS Color Module Level 4Проверено: 2026-04-28
MDN: CSS colorsПроверено: 2026-04-28

Подробнее о проверке формул и источников — в методологии Calcup.

Связанные калькуляторы из других разделов

Систем счисленияHEX, DEC, BIN, OCT, bytes, ASCII и signed/unsigned ДлиныМетры, километры, мили, дюймы, футы ПропорцийПропорции, правило трёх и поиск неизвестного значения JSON formatterФорматирование и минификация JSON

FAQ

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

HEX и RGB дают один и тот же цвет?

Да, если каналы совпадают. HEX — компактная шестнадцатеричная запись тех же RGB-значений.

Зачем нужен HSL?

HSL удобен, когда нужно менять светлоту или насыщенность оттенка, не подбирая каждый RGB-канал вручную.

Что означает альфа-канал?

Альфа задаёт прозрачность цвета. В CSS он может записываться в rgba(), hsla() или современном синтаксисе rgb() с / alpha.

Почему цвет на экране отличается?

Вид зависит от профиля дисплея, яркости, браузера, соседних цветов и настроек системы. Числа описывают модель, а не восприятие.

Можно ли использовать короткий HEX?

Да, запись #369 эквивалентна #336699: каждый символ дублируется для полного канала.