Перейти к содержимому

Конвертация hex-цвета в RGB

Вставьте hex-цвет вроде #FF5733 или короткий #F53. Поддерживаются формы с альфой #RRGGBBAA. Сразу видите образец и вывод rgb()/rgba() онлайн.

Выберите цвет образцом. В RGB также принимаются полноширинные запятые (，).

100%

Предпросмотр

КаналыНажмите, чтобы скопировать

Нужен RGB → hex?

Приватно · Быстро · Бесплатно

Примеры

Нажмите строку, чтобы подставить значение и конвертировать

ВводРезультат—

В макетах привычен Hex, а в CSS часто нужны каналы RGB. Здесь цвет сразу видно в превью; поддерживаются короткая запись и 8-значный Hex с альфой.

Это не то же самое, что перевод произвольного числа из hex в десятичную. Для систем счисления откройте конвертер данных.

Как перевести Hex в RGB

  1. Вставьте #FF5733, короткую запись #F53 или #RRGGBBAA с альфой
  2. Можно выбрать цвет пипеткой и при необходимости подкрутить прозрачность
  3. Скопируйте rgb()/rgba() и сверьте с превью

Когда особенно полезно

  • Перенос Hex из дизайна в rgb()/rgba() для CSS
  • Раскрытие трёхзначного короткого Hex
  • Работа с 8-значным Hex и прозрачностью

Типичные задачи

  • Цвета из Figma → CSS-переменные
  • Проверить реальные каналы полупрозрачной подложки
  • Вместе с проверкой контраста для читаемости

На заметку

  • В короткой записи каждая цифра удваивается (#F53 → #FF5533)
  • Обратный путь — RGB в Hex
  • Нужен HSL — смотрите Hex в HSL

Частые вопросы

Работает ли короткий #F53?
Да. Каждая цифра удваивается (#F53 → #FF5533) перед конвертацией в RGB.
Как обрабатывается альфа?
Восьмизначный hex #RRGGBBAA становится rgba() с альфой от 0 до 1. Предпросмотр тоже показывает прозрачность.
Это то же самое, что hex → десятичное?
Нет. Цветовые инструменты трактуют hex как каналы красный/зелёный/синий. Для произвольных чисел используйте конвертеры систем счисления.

Связанные инструменты