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

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

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

Мгновенно конвертируйте цвета между HEX, RGB и HSL с помощью живого образца.
Запускается в вашем браузере
Бесплатное использование

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

Введите значение HEX, RGB или HSL.
См. автоматическое обновление других форматов.
Скопируйте нужный вам формат.

How this tool works

Введите значение HEX, RGB или HSL.
См. автоматическое обновление других форматов.
Скопируйте нужный вам формат.

Recommended settings

Сначала используйте параметры по умолчанию, затем при необходимости измените их.

Supported formats

Text / on-page input

File size and limits

Очень сложные многослойные предварительные просмотры могут работать медленнее на старых телефонах.

Privacy

Генераторы цвета и CSS полностью работают в вашем браузере. Предварительный просмотр и преобразование никогда не загружают ваши стили.

Common use cases

Используйте конвертер HEX ↔ RGB ↔ HSL, когда вам нужно: мгновенно конвертируйте цвета между HEX, RGB и HSL с помощью живого образца.

Troubleshooting

Предварительный просмотр выглядит по-другому после вставки

Проверьте наличие конкурирующих CSS на вашей странице (сбросы, унаследованные цвета). Сначала скопируйте сгенерированное правило в изолированную таблицу стилей.

FAQ

Это загружает мой CSS?

Нет. Генераторы и преобразователи запускаются в вашем браузере с предварительным просмотром в реальном времени.

Нужен ли мне аккаунт?

Нет. Откройте инструмент, настройте элементы управления и скопируйте CSS.