Инженерный ›Цвет HEX/RGB
Конвертер цвета HEX / RGB
Конвертер цвета между HEX, RGB и HSL с превью.
HEX
r
g
b
HEX
#3a7bd5
RGB
rgb(58, 123, 213)
HSL
hsl(215, 65%, 53%)
Конвертер цвета переводит оттенок между форматами HEX, RGB и HSL и сразу показывает образец цвета. Введите HEX-код (#3a7bd5), значения каналов RGB или координаты HSL — остальные записи пересчитаются мгновенно. Поддерживаются короткие HEX (#f80) и полные (#ff8800).
Разные форматы нужны в разных местах: HEX — в вебе и CSS, RGB — в графических редакторах и при работе с прозрачностью (rgba), HSL — когда нужно удобно подобрать оттенок, насыщенность и светлоту (например, сделать цвет светлее, не меняя тон). Конвертер помогает дизайнерам и верстальщикам быстро переносить цвет из макета в код и обратно.
Всё считается прямо в браузере, образец цвета обновляется на лету. Данные никуда не отправляются.
Частые вопросы
HEX-код состоит из трёх пар шестнадцатеричных цифр — красный, зелёный, синий. Например #ff8800 = R:255, G:136, B:0. Просто вставьте код в поле HEX.
Цветовая модель Hue-Saturation-Lightness (тон, насыщенность, светлота). Удобнее RGB для подбора оттенков: меняя только тон (H), получаете цвета той же яркости.
Это одинаковый цвет. Короткая 3-значная запись разворачивается удвоением каждой цифры: #f80 → #ff8800. Поддерживаются оба формата.