Hex-цвет в RGB
Вставьте hex-цвет вроде #FF5733 или короткий #F53. Поддерживаются формы с альфой #RRGGBBAA. Мгновенный образец и вывод rgb()/rgba() прямо в браузере.
Выберите цвет образцом. RGB также принимает полноширинные запятые (，).
100%
Превью
КаналыНажмите, чтобы скопировать
Приватно · Быстро · Бесплатно
Примеры
Нажмите строку, чтобы подставить значение и преобразовать
| Ввод | Вывод | — |
|---|---|---|
В макетах привычен Hex, а в CSS часто нужны каналы RGB. Здесь цвет сразу видно в превью; поддерживаются короткая запись и 8-значный Hex с альфой.
Это не то же самое, что перевод произвольного числа из hex в десятичную. Для систем счисления откройте конвертер данных.
Как перевести Hex в RGB
- Вставьте #FF5733, короткую запись #F53 или #RRGGBBAA с альфой
- Можно выбрать цвет пипеткой и при необходимости подкрутить прозрачность
- Скопируйте rgb()/rgba() и сверьте с превью
Когда особенно полезно
- Перенос Hex из дизайна в rgb()/rgba() для CSS
- Раскрытие трёхзначного короткого Hex
- Работа с 8-значным Hex и прозрачностью
Типичные задачи
- Цвета из Figma → CSS-переменные
- Проверить реальные каналы полупрозрачной подложки
- Вместе с проверкой контраста для читаемости
На заметку
Частые вопросы
- Работает ли короткий #F53?
- Да. Каждая цифра удваивается (#F53 → #FF5533) перед преобразованием в RGB.
- Как обрабатывается альфа?
- Восьмизначный hex #RRGGBBAA становится rgba() с альфой от 0 до 1. Превью тоже показывает прозрачность.
- Это то же, что hex → десятичное число?
- Нет. Цветовые инструменты трактуют hex как каналы RGB. Для произвольных чисел используйте конвертеры систем счисления.