Бесплатный онлайн-инструмент
Конвертер HEX в RGB
Переведите цвет между HEX, RGB и HSL: выберите цвет в палитре или вставьте код — получите все форматы для CSS.
Как пользоваться
- Выберите цвет в палитре слева или вставьте код в поле HEX — подойдёт и короткая запись #f60, и rgb(255, 107, 53).
- Инструмент мгновенно покажет цвет во всех форматах: HEX, RGB и HSL.
- Внизу — палитра оттенков выбранного цвета от тёмного к светлому: кликните по оттенку, чтобы взять его код.
Размеры для вёрстки удобно переводить в конвертере PX в REM.
Частые вопросы
Чем отличаются HEX, RGB и HSL?
Это три записи одного цвета. HEX (#ff6b35) — шестнадцатеричная запись, стандарт в вёрстке. RGB (255, 107, 53) — те же значения красного, зелёного и синего в десятичном виде. HSL (16°, 100%, 60%) — тон, насыщенность и светлота: удобен, когда нужно осветлить или приглушить цвет.
Как перевести HEX в RGB вручную?
Разбейте HEX на пары символов и переведите каждую из шестнадцатеричной системы: ff → 255, 6b → 107, 35 → 53. Итого #ff6b35 = rgb(255, 107, 53).
Что такое короткая запись HEX?
Трёхсимвольная форма #f60 раскрывается дублированием каждого символа: #ff6600. Инструмент понимает обе записи.
Как задать прозрачность?
В современном CSS прозрачность добавляется четвёртым значением: rgb(255 107 53 / 50%) или восьмизначным HEX #ff6b3580, где последняя пара — альфа-канал от 00 (прозрачный) до ff (непрозрачный).