Конвертер цветов HEX, RGB, HSL онлайн
Мгновенно переводите цвета между HEX, RGB и HSL в браузере. Бесплатно и без регистрации.
Как конвертировать цвета онлайн
- 1
Введите или выберите цвет
Нажмите на образец цвета, чтобы открыть палитру, или введите значение HEX (например, #2E75B6), RGB (например, 46, 117, 182) либо HSL (например, 211, 60%, 45%) в соответствующее поле.
- 2
Сразу увидите все три формата
Поля HEX, RGB и HSL обновляются мгновенно, пока вы вводите значение или выбираете цвет.
- 3
Скопируйте значение
Нажмите «Копировать» рядом с нужным полем, чтобы скопировать значение цвета в буфер обмена.
Цвета в вебе можно записывать в разных форматах в зависимости от задачи. CSS поддерживает HEX, RGB, RGBA, HSL и HSLA; дизайнерские инструменты вроде Figma и Sketch обычно используют HSL в палитре, а для передачи разработчикам экспортируют HEX.
HEX — самый компактный формат, он поддерживается в CSS, HTML и дизайнерских программах. Короткая запись из 3 цифр (#abc) раскрывается до 6 (#aabbcc). RGB (красный, зелёный, синий) задаёт каждый канал от 0 до 255 и соответствует тому, как экраны излучают свет.
HSL (тон, насыщенность, светлота) — самый понятный человеку формат: тон — это угол на цветовом круге (0° = красный, 120° = зелёный, 240° = синий), насыщенность показывает яркость цвета (0% = серый), а светлота — его освещённость (0% = чёрный, 100% = белый). Если менять только светлоту, получаются естественные палитры оттенков.