Конвертер цветов онлайн 🎨

Переведите цвет между форматами HEX, RGB и HSL, подберите оттенок на цветовом круге и скопируйте готовый код.

БесплатноВ браузереБез регистрацииДанные не отправляются
Калькулятор загружается…
Открыть калькулятор →
🔒 Все расчёты выполняются в вашем браузере — данные никуда не отправляются.

Простыми словами

Что это. Конвертер цветов показывает один и тот же цвет в форматах HEX, RGB, HSL и CMYK и даёт палитру быстрых образцов.

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

Как считает. Цвет приводится к трём составляющим красного, зелёного и синего (0–255). HEX — это те же три числа в шестнадцатеричной записи. HSL описывает цвет тоном (угол на цветовом круге), насыщенностью и светлотой. CMYK — доли голубой, пурпурной, жёлтой и чёрной краски для печати. Поддерживаются именованные цвета (red, navy) и 8-значный HEX с прозрачностью.

Форматы цвета

HEX — шестнадцатеричная запись вида #6c63ff, стандарт для веба.

RGB — три канала 0–255: rgb(108, 99, 255).

HSL — тон (hue), насыщенность, светлота: удобно для подбора оттенков и тем.

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

  • Введите значение в любом формате — конвертер покажет остальные.
  • Используйте цветовой круг для визуального подбора.
  • Скопируйте код в один клик.

Пример

#6c63ff = rgb(108, 99, 255) = hsl(245°, 100%, 69%). Это фирменный акцентный цвет EasyNum.

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

Чем HSL удобнее RGB?
В HSL цвет описывается через тон, насыщенность и светлоту — проще делать светлее/темнее или подбирать гармоничные сочетания, не вычисляя каналы вручную.
Что такое альфа-канал?
Прозрачность цвета. Записывается как rgba(108,99,255,0.5) или #6c63ff80 (последние два символа HEX).