Конвертер цветов HEX, RGB и HSL

Конвертер цветов: из HEX в RGB и HSL

В веб-дизайне и вёрстке цвета часто задают шестнадцатеричной записью вида #RRGGBB или короткой формой #RGB. Наш калькулятор принимает такую строку, нормализует её (в том числе трёхсимвольный вариант с удвоением цифр), проверяет корректность и выводит компоненты красного, зелёного и синего в диапазоне 0–255, строку rgb(...), а также представление в цветовой модели HSL — оттенок в градусах, насыщенность и светлота в процентах. Рядом отображается цветной прямоугольник-превью для визуальной проверки.

Кому полезно

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

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

Введите HEX с решёткой или без, например #3b82f6 или 3B82F6. Допустима краткая запись вроде F60 (эквивалент FF6600). Нажмите «Рассчитать» — в блоке результата появятся таблица с HEX, RGB, HSL и отдельными каналами. Если формат неверный, вы увидите подсказку с примером допустимого ввода.

О цветовых моделях

RGB описывает аддитивное смешение на экране; HSL удобен для подбора оттенка и пастельности без ручного пересчёта компонентов. Конвертер использует стандартный перевод RGB→HSL для sRGB-логики в браузере; для печати CMYK и профили устройств требуют отдельных инструментов.