Все инструменты

Конвертер цвета

Конвертировать между HEX, RGB, HSL

Предпросмотр

#0ea5e9
rgb(14, 165, 233)
hsl(199, 89%, 48%)
[#0EA5E9]

Изменить RGB

Изменить HSL

Как это работает

Конвертер цвета — Конвертировать между HEX, RGB, HSL. Вся обработка происходит в вашем браузере — без загрузки, без регистрации, без email. Бесплатно навсегда.

Последнее обновление:

О Конвертер цвета

Конвертер цвета от Multilities переводит оттенки между HEX, RGB, HSL и именованными цветами CSS — в браузере, без загрузки на сервер. Инструмент показывает живой превью, чтобы вы сразу видели результат.

Полезно дизайнерам, которые получили палитру в одном формате, а в Figma нужен другой, разработчикам, переносящим стили из дизайна в Tailwind, и тем, кто настраивает тему в Notion или Slack. Поддерживается копирование одним кликом и корректное округление дробных значений.

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

Какие цветовые пространства поддерживаются?

HEX, RGB и HSL. Также генерируем формат 'Tailwind arbitrary value' для прямой вставки в имена классов.

Можно ли сохранить палитру?

Пока нет. Сейчас используйте кнопки копирования. Сохранение палитр в roadmap.

Обрабатываются ли альфа-каналы?

Сейчас нет. Фокусируемся на непрозрачных цветах; поддержка HEX-A и RGBA запланирована.

Чем HSL удобнее RGB для дизайна?

HSL разделяет тон, насыщенность и яркость — проще получить варианты одного цвета (светлее, темнее) изменением одной координаты. RGB удобнее для смешивания каналов на фото.

Поддерживается ли альфа-канал?

Да: HEX в формате #RRGGBBAA, RGBA и HSLA принимаются и конвертируются между собой с сохранением прозрачности.

Можно ли работать с OKLCH или P3?

Современные пространства OKLCH и Display P3 поддерживаются в режиме предпросмотра, но при экспорте в legacy-форматы (HEX, RGB) цвета приводятся к sRGB и могут немного измениться.

Похожие инструменты