Инструмент для разработчиков

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

Конвертируйте цвет между HEX, RGB и HSL с предпросмотром.

Конвертер цветов Работает на вашем устройстве
  • Работает в вашем браузере — текст никуда не отправляется
  • Без регистрации и квот, пользуйтесь бесплатно сколько угодно

Как это работает

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

Почему стоит знать HSL

В HSL более светлый вариант цвета — это тот же оттенок и насыщенность с большей светлотой. В HEX или RGB то же изменение означает пересчёт трёх значений, не имеющих очевидной связи с тем, что вы хотели.

Что он принимает

Трёх- или шестизначный hex с решёткой или без, rgb() или rgba() и hsl() или hsla(). Альфа игнорируется, так как она записывается одинаково во всех нотациях.

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

Конвертер цветов: вопросы

Работает ли он с прозрачностью?

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

Можно ли вставить название цвета, например red?

Пока нет — укажите значение hex, rgb() или hsl().

Отправляется ли что-нибудь на сервер?

Нет, конвертация выполняется на странице.