Конвертер HEX в RGB

HEX — 6-значный шестнадцатеричный код, наиболее часто встречающийся в веб-дизайне (#FF5733). RGB разбивает цвет на компоненты Красный, Зелёный, Синий (0-255 каждый) — естественный формат для экранов. HSL использует Оттенок (0-360 градусов на цветовом колесе), Насыщенность (0-100%) и Яркость (0-100%), что более интуитивно для настройки оттенков и тонов цвета.

Ползунок альфа управляет прозрачностью от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Когда альфа меньше 1, инструмент выводит RGBA и HSLA вместо обычных RGB/HSL. Это CSS-форматы для прозрачных или полупрозрачных фонов, наложений и цветов текста.

Трёхзначный HEX (#F53) — сокращение шестизначного (#FF5533), где каждая цифра удваивается. Введите 3-значный код напрямую — конвертер обработает его автоматически. На выходе всегда отображается полная 6-значная форма.

HSL лучше подходит для создания цветовых палитр и вариаций. Чтобы осветлить цвет, увеличьте значение Яркости. Для снижения насыщенности — уменьшите Насыщенность. Чтобы сменить оттенок — измените значение H. RGB не имеет таких интуитивных связей, поэтому HSL — предпочтительный формат для динамических тем и CSS-переменных.

Да. Нажмите кнопку палитры цветов, чтобы открыть встроенный выборщик цвета браузера. Некоторые браузеры (Chrome, Edge) поддерживают функцию пипетки, позволяющей взять образец любого пикселя на экране. Поддержка зависит от версии браузера.

Раздел CSS-вывода показывает готовые к вставке CSS-объявления цвета для каждого формата: background-color: #FF5733; или color: rgb(255, 87, 51); и т.д. Нажмите любую кнопку копирования рядом, чтобы скопировать точную CSS-строку в буфер обмена.

Нет. Все вычисления цветов выполняются локально в вашем браузере через JavaScript. Никакие значения цветов, изображения или данные не отправляются на сервер.