Конвертер цветов
HEX в RGB и HSL с живым превью.
RGB
HSL
About this tool
Конвертируйте цвета между HEX, RGB и HSL и мгновенно предпросматривайте результат. Быстрый мост между дизайн-инструментами и CSS.
Why use it
- Живой образец цвета при редактировании значений.
- Переход между форматами, которые предпочитают дизайн и код.
- Копируйте готовые CSS-строки цвета.
Common use cases
- Перевести HEX из макета в RGB для правила rgba().
- Настроить светлоту в HSL для цветовой шкалы.
- Согласовать брендовый цвет между инструментами с разными форматами.
Tips
- HSL упрощает создание более светлых и тёмных оттенков одного тона.
- Используйте rgba() или hsla() для прозрачности.
Как использовать
- Введите HEX, например #0ea5e9.
- RGB и HSL обновляются сразу.
- Образец показывает цвет.
Частые вопросы
- Which color formats are supported?
- HEX, RGB and HSL, converted between each other instantly.
- Is anything uploaded?
- No. Conversions are pure math done in your browser.
- Can I get CSS-ready values?
- Yes, the output is formatted so you can paste it straight into your stylesheet.
- Does it support alpha transparency?
- Yes, RGBA and HSLA values include the opacity channel.
- Why does HEX sometimes have 8 digits?
- The last two digits encode alpha (opacity) in #RRGGBBAA notation.
- Can I pick a color visually?
- Yes, use the picker and the matching HEX, RGB and HSL values update together.