Конвертер HEX в RGB
Мгновенно переводите любой цветовой код HEX в значения RGB и RGBA — без нажатия кнопок. Поддерживаются форматы HEX из 3 цифр (#RGB), 6 цифр (#RRGGBB), 4 цифр (#RGBA) и 8 цифр (#RRGGBBAA) с альфа-прозрачностью. Есть живой предпросмотр цвета, полосы каналов и копирование одним щелчком для всех форматов вывода. Полностью конфиденциально, 100 % бесплатно и без регистрации.
Sample Colors
Formats: #RGB #RRGGBB #RGBA #RRGGBBAA
RGB / RGBA Values
Почему стоит использовать наш конвертер HEX в RGB?
- Мгновенный перевод HEX в RGB: Конвертер обновляет все значения RGB при каждом нажатии клавиши, без кнопок. Введите любой цвет HEX и сразу получите RGB, RGBA, значения по каналам и десятичные эквиваленты. Для визуального подбора доступен встроенный выбор цвета.
- Поддержка всех форматов HEX: Конвертер поддерживает форматы HEX из 3 цифр (#RGB), 4 цифр (#RGBA), 6 цифр (#RRGGBB) и 8 цифр (#RRGGBBAA). Он также выдаёт сокращённый HEX3, когда это применимо, и 8-значный HEX8 с альфа-каналом.
- 100 % конфиденциально — без загрузок: Вся конвертация выполняется локально в вашем браузере. Ваши значения цвета никогда не покидают устройство и не отправляются на сервер — безопасно для клиентских проектов и закрытых дизайн-систем.
- Бесплатно и без ограничений: Переводите неограниченное число цветов без регистрации, подписки и ограничений. Конвертер HEX в RGB полностью бесплатен навсегда, без рекламы, блокирующей интерфейс.
Типичные случаи использования конвертера HEX в RGB
- CSS и фронтенд-разработка: Фронтенд-разработчики используют конвертер HEX в RGB для перевода дизайн-токенов из HEX в RGB для CSS-свойств, требующих формата RGB, таких как box-shadow, text-shadow и градиенты. Формат RGB также необходим для работы с цветом через Canvas API и WebGL.
- Передача и реализация дизайна: При переводе макетов Figma или Sketch в код разработчики используют конвертер HEX в RGB, чтобы получить точные значения RGB, необходимые React Native, Flutter и другим фреймворкам, которые используют числовые RGB-модели вместо строк HEX.
- Мобильные и кроссплатформенные приложения: Мобильные разработчики используют конвертер HEX в RGB для перевода цветов HEX из дизайн-спецификаций в значения RGB, требуемые iOS (UIColor), Android (Color.parseColor), React Native, Flutter и Xamarin.
- Доступность и анализ контраста: Специалисты по доступности используют конвертер HEX в RGB, чтобы извлечь отдельные значения каналов RGB, необходимые для расчёта коэффициента контраста WCAG, гарантируя соответствие комбинаций цветов переднего и заднего плана требованиям AA или AAA.
- Работа со цветом и смешивание: Дизайнеры и разработчики используют конвертер HEX в RGB при программной работе с цветом — цветовое пространство RGB упрощает смешивание, интерполяцию и математические операции по сравнению с HEX.
- Печать и цифровые публикации: Дизайнеры печатной продукции используют конвертер HEX в RGB для подбора веб-цветов в цифровых публикациях. Хотя печать использует CMYK, цифровые версии печатных материалов часто требуют точных значений RGB, соответствующих исходному HEX-замыслу дизайна.
Что такое перевод HEX в RGB?
Перевод HEX в RGB преобразует шестнадцатеричный цветовой код в его эквивалентные компоненты «красный-зелёный-синий» (RGB). Цвет HEX, например #FF6B6B, представляет красный канал как FF (255), зелёный как 6B (107) и синий как 6B (107). Наш конвертер HEX в RGB выполняет это преобразование мгновенно, поддерживая форматы HEX из 3, 4, 6 и 8 цифр, включая альфа-прозрачность.
Как работает наш конвертер HEX в RGB
- Введите цвет HEX: Введите или вставьте значение HEX (например, #FF6B6B, #F6B или #FF6B6B80). Также можно использовать образец встроенного выбора цвета для визуального подбора. Вся обработка выполняется локально в браузере — значения цвета никогда не покидают устройство.
- Значения RGB обновляются мгновенно: Во время ввода или выбора значения RGB, RGBA, по каналам, десятичное представление и проценты обновляются в реальном времени. Образец цвета и полосы каналов дают визуальный предпросмотр преобразованного цвета.
- Копируйте любое значение: Нажмите кнопку «Копировать» рядом с любой строкой вывода или карточкой формата, чтобы скопировать конкретное значение, или используйте «Копировать все значения», чтобы скопировать все данные цвета сразу.
Форматы цвета HEX
- #RGB (3 цифры): Сокращённая запись, в которой каждая цифра HEX удваивается. Например, #F6B раскрывается в #FF66BB. Используйте для компактного CSS, когда позволяет точность цвета.
- #RRGGBB (6 цифр): Стандартный формат HEX с двумя цифрами HEX на канал (00-FF). Это самый распространённый формат в веб-дизайне, дающий 16,7 млн возможных цветов.
- #RGBA (4 цифры): Сокращение, включающее альфа-канал. Каждая цифра удваивается: #F6B8 означает R=FF, G=66, B=BB, A=88 (53 % непрозрачности).
- #RRGGBBAA (8 цифр): Полный формат HEX с альфой. Последние две цифры представляют альфа-канал (00 = прозрачный, FF = полностью непрозрачный). Поддержка в современных CSS-браузерах растёт.
HEX против RGB — когда какой формат использовать
HEX — самый компактный и широко используемый формат цвета в веб-разработке. Он идеален для объявлений CSS, атрибутов HTML и копирования цветов из инструментов дизайна, таких как Figma, Sketch или Adobe XD. HEX — стандартный формат цветовых токенов в большинстве дизайн-систем.
RGB предпочтительнее, когда нужно работать с цветом программно: для операций Canvas API, шейдеров WebGL, интерполяции цвета или любой математической обработки. RGB также требуется многими программными фреймворками, такими как React Native, Flutter и нативной разработкой для iOS/Android. Конвертер HEX в RGB упрощает переключение между этими форматами в любом рабочем процессе.
Часто задаваемые вопросы
Конвертер HEX в RGB преобразует шестнадцатеричные цветовые коды (например, #FF0000) в соответствующие числовые значения RGB (красный, зелёный, синий). Наш конвертер поддерживает все распространённые форматы HEX: 3 цифры (#RGB), 4 цифры (#RGBA с альфой), 6 цифр (#RRGGBB) и 8 цифр (#RRGGBBAA с альфой). Он также предоставляет значения RGBA, десятичные представления и процентные значения для каждого канала.
Просто введите или вставьте значение цвета HEX (с префиксом # или без него) в поле ввода. Конвертер HEX в RGB сразу покажет эквивалентные значения RGB и RGBA. Например, при вводе #FF6B6B получится rgb(255, 107, 107). Также можно воспользоваться встроенным выбором цвета для визуального подбора.
Конвертер HEX в RGB поддерживает четыре формата: 3-значный #RGB (например, #F6B), 4-значный #RGBA (например, #F6B8), 6-значный #RRGGBB (например, #FF66BB) и 8-значный #RRGGBBAA (например, #FF66BB88). При вводе короткого HEX конвертер расширяет его до полного 6-значного эквивалента и показывает сокращённую версию, когда она возможна.
Да. Вся конвертация выполняется на 100 % на стороне клиента в вашем браузере с помощью JavaScript. Ваши значения цвета никогда не отправляются на сервер, не сохраняются и никуда не передаются. Конвертер HEX в RGB полностью конфиденциален и обрабатывает всё локально на вашем устройстве.
RGB расшифровывается как красный-зелёный-синий и определяет цвет тремя значениями (от 0 до 255 каждое). RGBA добавляет альфа-канал, управляющий прозрачностью (0 = полностью прозрачный, 1 = полностью непрозрачный). Наш конвертер выдаёт оба формата, чтобы вы могли использовать rgb() для сплошных цветов и rgba(), когда нужна прозрачность.
Да. Конвертер HEX в RGB на 100 % бесплатен: без регистрации, без премиум-функций и без ограничений на использование. Переводите неограниченное число цветов без ограничений и скрытых затрат. Интерфейс не блокируется рекламой.
Хотя инструмент ориентирован на перевод HEX в RGB, его также можно использовать для обратного перевода, введя HEX-эквивалент ваших значений RGB. Для специального перевода RGB в HEX с дополнительными функциями, например подбором комплементарных цветов, ознакомьтесь с полным набором наших инструментов для работы с цветом.
Десятичное представление показывает значения RGB как числа, разделённые запятыми (например, 255, 107, 107). Процентное представление показывает каждый канал в процентах от 255 (например, 100 %, 42 %, 42 %). Оба формата полезны в разных контекстах программирования и сценариях работы с цветом.