Конвертер принимает любую CSS-форму hex: 6-значную #ff5733, сокращённую 3-значную #f53, а также 4- и 8-значные формы с альфа-каналом, с решёткой # или без неё. Он показывает строку rgb() или rgba(), отдельные значения каналов и разбор по каждому каналу - а ещё строку обратного перевода RGB в HEX, когда нужно наоборот. Всё работает прямо в браузере - без загрузки на сервер, без регистрации, без ограничений.
Конвертер HEX в RGB
Работает прямо в браузере - без загрузки файлов и регистрации.
CSS
rgb(255, 87, 51)Значения RGB
255, 87, 51Как это переводится
Красный
FF255Зелёный
5787Синий
3351Нужно наоборот? RGB в HEX
#ff5733Как перевести HEX в RGB?
Hex-код цвета - это три пары шестнадцатеричных цифр, по одной паре на канал. Каждую пару переводят в десятичное число от 0 до 255: в #ff5733 ff это 255 красного, 57 это 87 зелёного и 33 это 51 синего, поэтому значение RGB - rgb(255, 87, 51). Этот конвертер делает это мгновенно, пока вы печатаете.
Как пользоваться
- 1Введите hex-код. Наберите или вставьте hex-цвет вроде #ff5733 (или #f53), либо выберите его через цветовой пипетку. Решётка # необязательна.
- 2Прочитайте значение RGB. Строка rgb(), обычные значения 0-255 и живой предпросмотр цвета обновляются по мере ввода, а разбор по каналам показывает, как переводится каждая пара hex.
- 3Скопируйте нужный формат. Нажмите Copy рядом со строкой rgb() или рядом с обычными значениями. Нужно наоборот? Введите ниже значения red, green и blue, чтобы получить hex-код обратно.
Кому пригодится
- Front-end разработчики переводят hex-код из гайдлайна в rgb(), чтобы добавить прозрачность через rgba().
- Дизайнеры переносят цвета бренда между инструментами, которые принимают hex (CSS, Figma), и теми, что требуют значения 0-255 (некоторые приложения для печати и видео).
- Email- и маркетинговые команды сверяют цвета кампании между редакторами, которые понимают только один формат записи.
- Разработчики игр и приложений передают значения каналов 0-255 в движки и SDK, которые не умеют разбирать hex-строки.
Вопросы и ответы
Этот конвертер HEX в RGB бесплатный?
Да - он на 100% бесплатный, без регистрации и без ограничений. Работает полностью в вашем браузере.
Мои цвета куда-то загружаются?
Нет. Конвертация - это обычный JavaScript, который выполняется на вашем устройстве - ничего не отправляется на сервер, и инструмент продолжает работать офлайн после загрузки страницы.
По какой формуле HEX переводится в RGB?
Hex-код делится на три пары, и каждая пара переводится из шестнадцатеричной системы в десятичную: первую цифру умножают на 16 и прибавляют вторую (a=10 ... f=15). В #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Поддерживается ли сокращённая запись вроде #f53?
Да. В CSS-сокращении каждая цифра дублируется, поэтому #f53 разворачивается в #ff5533 и переводится в rgb(255, 85, 51). 4-значная форма работает так же, последняя цифра при этом задаёт альфа-канал.
Как перевести HEX в RGBA?
8-значный hex-код несёт альфа-канал в последней паре. Этот байт (0-255) делится на 255, чтобы получить значение альфа от 0 до 1, которое ожидает rgba(), с округлением до трёх знаков - так #ff573380 становится rgba(255, 87, 51, 0.502).
Можно ли перевести RGB обратно в HEX?
Да. Используйте строку RGB в HEX под результатом: введите значения red, green и blue от 0 до 255, и hex-код появится мгновенно. Значения вне диапазона обрезаются до 0-255.
Зачем нужен rgb(), если есть hex?
Прежде всего ради альфа-канала и вычислений: rgba(255, 87, 51, 0.5) делает цвет полупрозрачным, а многие API, игровые движки и дизайн-спецификации ожидают отдельные числовые значения каналов 0-255, а не hex-строку.