Инструмент “HEX ↔ RGB” конвертирует веб-цвета между HEX, RGB, RGBA и HSL прямо в браузере. Он помогает быстро перевести #RRGGBB в rgb(), получить rgba() с прозрачностью, сформировать CSS-переменную, Tailwind arbitrary class или значение для дизайн-системы. Можно вставить цвет в любом поддерживаемом формате, увидеть preview, настроить alpha и скопировать результат. Конвертация выполняется локально в браузере: данные не отправляются на сервер UtiLab.

Работает в браузере
Данные не отправляются на сервер
Конвертирует HEX в RGB
Конвертирует RGB в HEX
Поддерживает RGBA и прозрачность
Показывает preview цвета
Можно скопировать CSS variable и Tailwind значение
Не требует регистрации

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

Как перевести HEX в RGB?

Введите HEX-цвет, например #007AFF. Инструмент автоматически покажет RGB, RGBA, HSL и другие форматы.

Как перевести RGB в HEX?

Введите цвет в формате rgb(0, 122, 255), и конвертер покажет соответствующий HEX, например #007AFF.

Поддерживается ли прозрачность?

Да. Можно использовать RGBA или HEX с alpha-каналом, а также настроить прозрачность отдельным slider.

Можно ли вводить короткий HEX вроде #fff?

Да. Короткий HEX #fff автоматически преобразуется в полный формат #FFFFFF.

Можно ли скопировать CSS-переменную?

Да. Инструмент может сформировать строку вида --color-primary: #007AFF; и блок :root с CSS-переменной.

Можно ли получить Tailwind-класс?

Да. Для цвета можно сформировать Tailwind arbitrary class, например bg-[#007AFF], text-[#007AFF] или border-[#007AFF].

Данные отправляются на сервер?

Нет. Конвертация выполняется локально в браузере и не отправляется на сервер UtiLab.

Чем HEX отличается от RGB?

HEX записывает цвет шестнадцатеричным кодом, например #007AFF. RGB записывает те же каналы числами от 0 до 255, например rgb(0, 122, 255).

Что такое RGBA?

RGBA — это RGB с alpha-каналом прозрачности. Например rgba(0, 122, 255, 0.5) означает синий цвет с прозрачностью 50%.

Нужна ли регистрация?

Нет. Инструмент работает сразу и не требует регистрации.

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

Введите цвет в формате HEX, RGB, RGBA или HSL.

Инструмент автоматически определит формат и покажет preview цвета.

Проверьте значения HEX, RGB, RGBA и HSL.

При необходимости настройте прозрачность и формат вывода.

Скопируйте нужное значение для CSS, Figma, Tailwind или дизайн-системы.

Подробнее

Работает в браузере
Данные не отправляются на сервер
Конвертирует HEX в RGB
Конвертирует RGB в HEX
Поддерживает RGBA и прозрачность
Показывает preview цвета
Можно скопировать CSS variable и Tailwind значение
Не требует регистрации