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

RGB-цвет в Hex

Введите rgb()/rgba() или каналы через запятую и получите #RRGGBB или #RRGGBBAA с живым превью — удобно для CSS и передачи дизайна.

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

100%

Превью

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

Hex → RGB

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

Примеры

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

ВводВывод

Удобно вернуть RGB из CSS в Hex для дизайн-инструментов и гайдов по стилю. Формат ввода довольно свободный.

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

  1. Введите rgb()/rgba() или каналы через запятую
  2. Если есть альфа и цвет не полностью непрозрачен, получите 8-значный Hex
  3. Сверьте превью и скопируйте результат

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

  • Обратный переход от rgb()/rgba() к Hex
  • Принимает и функциональную запись, и «голые» каналы
  • Мгновенное превью прямо в браузере

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

  • Цвета из CSS обратно в палитру или дизайн-токены
  • Экспорт 8-значного Hex для мобильного UI
  • Сверка с Hex в RGB

На заметку

  • Альфа может быть 0–1 или 0–255
  • Если стартуете с HSL: HSL в Hex / Hex в HSL

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

Какие форматы RGB принимаются?
rgb(255, 87, 51), rgba(...) или 255, 87, 51. Альфа может быть 0–1 или 0–255.
Когда получается 8-значный hex?
Когда есть альфа и цвет не полностью непрозрачен, вывод использует #RRGGBBAA.

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