Конвертер из RGB в шестнадцатеричный формат
Настройте ползунки или вставьте шестнадцатеричный код ниже, чтобы мгновенно конвертировать значения между форматами RGB, HEX и HSL с предварительным просмотром цвета в режиме реального времени — все вычисления выполняются на вашем устройстве.
Ввод цвета
Преобразованный выходной сигнал
Отзывы
Как преобразовать RGB в HEX
- Перетащите ползунки «Красный», «Зелёный» и «Синий» — или вставьте шестнадцатеричный код прямо в поле — чтобы задать цвет.
- Следите за тем, как при любой настройке в режиме реального времени обновляются образец предварительного просмотра и значения HEX, RGB и HSL.
- Щелкните любую карточку со значением, чтобы скопировать его — теперь его можно вставить в CSS, программу для дизайна или код.
RGB, HEX и HSL: в чём разница?
Форматы RGB, HEX и HSL описывают одни и те же цвета — это просто разные способы записи одних и тех же чисел. В формате RGB цвет определяется соотношением красного, зелёного и синего света, каждый из которых выражается в диапазоне от 0 до 255. HEX — это те же значения RGB, переписанные в виде компактного 6-значного кода в шестнадцатеричной системе счисления, поэтому rgb(31, 58, 95) и #1f3a5f представляют собой идентичные цвета. HSL, в свою очередь, описывает цвет с помощью оттенка (его положения на цветовом круге), насыщенности (насколько он яркий) и яркости — этот формат часто более интуитивен при выборе похожих оттенков.
Где обычно используется каждый из этих форматов
| Формат | Типичные области применения | Почему |
|---|---|---|
| HEX | CSS, HTML, инструменты для дизайна | Короткий, его легко вставить и поделиться в виде одной строки |
| RGB | CSS с прозрачностью (rgba) | Поддерживает альфа-канал для регулировки прозрачности |
| HSL | Создание цветовых палитр | Изменяя одно число, можно легко получить более светлые/более тёмные оттенки или оттенки из той же гаммы |
Использование этих значений в CSS
Любой из этих трёх форматов можно использовать непосредственно в таблице стилей: color: #1f3a5f;, color: rgb(31, 58, 95); и color: hsl(210, 51%, 25%); все они отображаются одинаковым темно-синим цветом. HEX — наиболее распространённая сокращённая запись для сплошных цветов, тогда как RGB (или его rgba() вариант) полезен, когда цвет должен иметь частичную прозрачность, а HSL позволяет легко создавать согласованный набор оттенков, фиксируя оттенок и регулируя только яркость.
Часто задаваемые вопросы
Можно ли пользоваться этим конвертером из RGB в HEX бесплатно?+
Да. Сервис работает исключительно на JavaScript в вашем браузере, поэтому не требуется ни учетной записи, ни ключа API, и нет ограничений на количество использований.
Загружаются ли мои данные о цвете куда-нибудь?+
Нет. Все преобразования происходят локально в вашем браузере. Никакие данные не отправляются на сервер, не сохраняются и не регистрируются в журнале.
В чём заключается фактическое различие между форматами HEX и RGB?+
Они описывают один и тот же цвет с помощью разных систем обозначений — HEX представляет собой 6-значную шестнадцатеричную запись тех же значений красного, зелёного и синего, которые в системе RGB обозначаются тремя отдельными числами от 0 до 255.
Инструменты для проектирования и разработки
Как работает этот конвертер
Значения конвертируются в режиме реального времени между форматами RGB, HEX и HSL с помощью JavaScript по мере ввода или выбора цвета — ничто из введенного вами не загружается на сервер и нигде не сохраняется.
Последнее обновление: 28 августа 2026 года.
Еще больше инструментов в наборе
На главной странице вы найдёте ещё больше бесплатных инструментов, не требующих API-ключа.
Генератор QR-кодов
Превратите любой текст или URL-адрес в QR-код, который можно скачать.
Форматировщик JSON
Форматирование, проверка и оптимизация JSON с подсказками об ошибках.
Генератор фавиконов
Преобразуйте изображение в фавиконы любого необходимого размера.
Генератор UUID
Мгновенно генерируйте случайные UUID версии 4 в большом количестве.