Конвертировать RGB в HEX Онлайн
Конвертируйте RGB-цвета в HEX-код и обратно прямо в браузере.
Зачем это нужно
RGB в HEX и обратно мгновенно
Двунаправленно
RGB → HEX и HEX → RGB: оба направления в одном инструменте.
Без интернета
Конвертация в браузере без отправки данных на сервер.
Предпросмотр цвета
Цветовой образец обновляется при вводе для визуальной проверки.
Мгновенно
Результат появляется при вводе без кнопок.
Как это работает
Три шага — никаких сложностей
Введите RGB-значения
Введите значения красного, зелёного и синего каналов (0-255 каждый).
Получите HEX-код
Инструмент мгновенно вычисляет соответствующий HEX-код цвета.
Скопируйте результат
Скопируйте HEX-код для CSS или дизайн-инструмента.
FAQ
Остались вопросы?
Каждый RGB-канал (0-255) преобразуется в двузначное шестнадцатеричное число. Например, RGB(255, 99, 71): R=255→FF, G=99→63, B=71→47. Результат: #FF6347 (томатный цвет). Алгоритм: n.toString(16).padStart(2, '0') в JavaScript.
Символ # в CSS указывает, что следующее значение — шестнадцатеричный цветовой код. В HTML/CSS сокращённый формат #RGB является эквивалентом #RRGGBB, где каждая цифра удваивается: #F63 = #FF6633. Для альфа-канала используется 8-значный HEX: #RRGGBBAA.
8-значный HEX (#RRGGBBAA) поддерживается в современных браузерах. AA — альфа-канал от 00 (полностью прозрачный) до FF (полностью непрозрачный). Например, #FF634780 = rgba(255, 99, 71, 0.5). Поддержка в Chrome 62+, Firefox 49+, Safari 10+.
CSS нечувствителен к регистру HEX-кодов: #FF6347 и #ff6347 идентичны. Некоторые команды принимают стайл-гайды (обычно нижний регистр для CSS свойств, верхний для HEX). Важна консистентность внутри проекта — линтеры CSS могут принудительно применять выбранный стиль.
При использовании sRGB-цветового пространства — да. Figma, современные версии Photoshop и браузеры работают в sRGB по умолчанию. Расхождения могут возникать при работе с профессиональными мониторами Wide Gamut, где программы могут отображать более насыщенные цвета, чем средний экран пользователя.
HEX-цвета в CSS: история, форматы и практика
Шестнадцатеричные цвета появились в HTML 3.2 (1997) как стандартный способ задания цветов в вебе. Некоторые цвета имеют именованные ключевые слова: red, blue, green и другие. CSS 2.1 (2011) определил 17 именованных цветов, CSS 3 расширил список до 147 наименований (включая такие цвета как tomato, rebeccapurple, cornflowerblue). Полный список содержит 148 именованных цветов.
Перевод между RGB и HEX — фундаментальная операция для веб-разработчиков. Дизайн-инструменты (Figma, Sketch, Adobe XD) обычно отображают оба формата. При передаче цветов дизайнером разработчику HEX является наиболее удобным форматом для CSS благодаря компактности и отсутствию запятых.
С CSS Custom Properties (переменными) управление цветами стало более гибким: --primary-color: #FF6347; позволяет изменять тему одним значением. CSS Color Level 4 вводит относительный синтаксис цвета: color(from var(--primary) srgb r g b / 0.5) для создания прозрачных вариантов без JavaScript.