Конвертировать HEX в RGB Онлайн
Мгновенно конвертируйте любой HEX-код в значения RGB прямо в вашем браузере.
Почему стоит использовать
От HEX-кода к значениям RGB одним кликом
Поддерживает все форматы HEX
#RGB, #RRGGBB, #RGBA, #RRGGBBAA и CSS-названия. Автоматическое определение формата.
Конфиденциально
Конвертация происходит в вашем браузере. Никакие данные никогда не покидают ваше устройство.
Результат для CSS
Копируйте напрямую в формате rgb() или rgba() для вставки в таблицу стилей.
Мгновенно
Результат в реальном времени по мере ввода HEX-кода.
Как это работает
Три шага — никаких сложностей
Введите HEX-код
Наберите шестнадцатеричный цветовой код: длинный формат (#FF5733), короткий (#F53) или с альфа-каналом (#FF573380). Также можно ввести CSS-название цвета (red, tomato, steelblue) — он будет конвертирован автоматически.
Получите значения RGB
Конвертер мгновенно вычисляет каналы R (красный), G (зелёный) и B (синий) в диапазоне 0–255. Если HEX включает альфа-канал, вы также получаете значение непрозрачности для RGBA.
Скопируйте результат
Скопируйте результат в формате rgb(255, 87, 51) или rgba(255, 87, 51, 0.5), готовый для вставки в CSS, JavaScript или инструмент дизайна.
FAQ
Остались вопросы?
HEX относится к шестнадцатеричной системе — системе счисления с основанием 16, использующей цифры 0–9 и буквы A–F (где A=10, B=11, C=12, D=13, E=14, F=15). Цветовой код HEX вроде #FF5733 представляет три шестнадцатеричные пары: FF (красный = 255), 57 (зелёный = 87), 33 (синий = 51). Каждая пара может представлять 256 значений (от 0x00=0 до 0xFF=255), что позволяет задавать 256³ = 16 777 216 различных цветов в пространстве sRGB.
6-символьный HEX-код (#RRGGBB) использует 2 символа на каждый цветовой канал (красный, зелёный, синий). Каждый шестнадцатеричный символ представляет 4 бита, поэтому 2 символа представляют 8 бит = 1 байт, способный хранить 256 значений (0–255). При 8 битах на канал и 3 каналах (RGB) вы получаете глубину цвета 24 бита — стандарт для изображений с истинным цветом с эпохи CRT-мониторов в 1990-х.
Короткий HEX — допустимое сокращение CSS, где каждый символ автоматически удваивается: #FFF равно #FFFFFF (белый), #000 равно #000000 (чёрный), #F53 равно #FF5533. Работает только когда оба символа каждой пары идентичны. Введён в CSS1 (1996) для уменьшения размера кода. Не все синтаксические анализаторы цветов поддерживают короткий HEX вне CSS, поэтому в JavaScript или инструментах дизайна может потребоваться расширить до полного 6-символьного формата.
8-символьный HEX (#RRGGBBAA) добавляет четвёртую шестнадцатеричную пару для альфа-канала (непрозрачность), где #RRGGBB00 полностью прозрачен, а #RRGGBBFF полностью непрозрачен. Например, #FF573380 равно rgba(255, 87, 51, 0.502). Этот формат стандартизирован в CSS Color Level 4 и поддерживается всеми современными браузерами с 2017 года. Также существует 4-символьная краткая версия (#RGBA): #F538 равно #FF553388.
6-символьные HEX-коды могут представить 16 777 216 цветов — это точно 24-битное цветовое пространство sRGB (8 бит на канал). Это охватывает весь гамут sRGB, но не включает цвета за пределами гамута, такие как цвета display-p3 на современных экранах с широким динамическим диапазоном (iPhone с 2016 года, MacBook Pro с 2016 года). Для цветов широкого гамута в CSS используется функция color(display-p3 r g b) из CSS Color Level 4, которая не имеет представления в стандартном HEX.
История шестнадцатеричной нотации в веб-цветах
Шестнадцатеричная система как цветовая нотация для веба была популяризирована первыми графическими браузерами. Mosaic (NCSA, 1993), первый широко используемый графический браузер, ввёл атрибут bgcolor в HTML, принимавший английские названия цветов (red, blue) или шестнадцатеричные коды в формате #RRGGBB. Netscape Navigator (1994) расширил это соглашение и добавил поддержку 140 именованных цветов, которые сегодня входят в стандарт CSS, многие из которых унаследованы из цветов X11, определённых MIT X Consortium в 1987 году для оконной системы X Window на Unix.
Цвета X11 — исторический источник названий вроде 'alice blue', 'cornflower blue', 'dark salmon' или 'papaya whip'. Они изначально определены в файле rgb.txt сервера X11 между 1987 и 1989 годами с конкретными RGB-значениями, привязанными к монитору того времени. Когда Netscape принял эти названия для HTML, возникли исторические несоответствия: 'green' в HTML/CSS — это #008000 (а не чистый зелёный #00FF00, который называется 'lime'), а 'gray' имеет несколько вариантов написания ('grey' и 'gray' — синонимы в CSS). CSS Color Level 4 формализовал все эти исторические названия, также добавив 'rebeccapurple' (#663399) в честь Ребекки Мейер, дочери CSS-эксперта Эрика Мейера, ушедшей из жизни в 2014 году.
Спецификация CSS Color Level 1 (W3C, 1996) определила 16 базовых именованных цветов, унаследованных из HTML. CSS Color Level 2 (2011) добавил 'orange'. CSS Color Level 3 (2011) стандартизировал 147 цветов X11, включая 'rebeccapurple' в 2014 году. CSS Color Level 4 (в процессе рекомендации) добавляет современные функции вроде oklch(), lab(), lch() и color() для пространств широкого гамута. Спецификация SVG 1.1 (W3C, 2003) определила свои 147 именованных цветов, согласованных с X11, но незначительно отличавшихся в некоторых числовых значениях, что вызывало историческую путаницу между реализациями браузеров до стандартизации в CSS Color Level 3.