Преобразование HEX-кодов цветов в RGB и обратно.
Введите шестнадцатеричный код, например #FF5733, и сразу увидите эквивалент RGB — rgb(255, 87, 51). Или введите значения RGB и получите HEX-код. Живой образец цвета обновляется по мере ввода, а кнопки одним нажатием копируют значение в формате, необходимом для CSS, инструментов дизайна или документации.
Используйте этот инструмент бесплатноBrowser tool
Hex to RGB converter
Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.
Alpha: 1
Как использовать
Введите значение цвета
Введите шестнадцатеричный код (с символом # или без него) или введите значения RGB в виде трех чисел от 0 до 255.
Посмотреть результат
Противоположное поле формата обновляется автоматически. Образец предварительного просмотра показывает цвет.
Копировать
Нажмите кнопку копирования рядом с любым значением или фрагментом CSS. Тост подтверждает, что текст находится в буфере обмена.
Функции
Двунаправленное преобразование
Введите HEX-код, чтобы получить RGB, или введите значения RGB, чтобы получить HEX. Оба поля обновляются в режиме реального времени по мере ввода, без необходимости нажимать кнопку конвертации.
Живой образец цвета
Большой образец предварительного просмотра отображает введенный вами цвет. Он обновляется мгновенно, поэтому вы можете визуально убедиться, что оттенок соответствует вашим ожиданиям.
Фрагменты вывода CSS
Получите готовый к вставке код CSS для свойств цвета, цвета фона и цвета границы в форматах HEX и RGB. Скопируйте любой фрагмент одним щелчком мыши.
Поддержка альфа-канала
Введите 8-значные шестнадцатеричные коды или значения RGBA для работы с прозрачностью. Инструмент точно преобразует альфа-канал между двумя форматами.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceТехнические характеристики
| Форматы ввода | HEX (3, 6, 8 цифр), RGB, RGBA |
| Выходные форматы | Шестнадцатеричный, RGB, RGBA |
| Альфа-поддержка | Да (HEX8, RGBA) |
| CSS-фрагменты | цвет, фон, граница |
| Предварительный просмотр | Живой образец |
| Обработка | На стороне клиента (мгновенно) |
Related Magic Eraser Tools
Общие вопросы
В чем разница между 3-значными и 6-значными HEX-кодами?
+
Трехзначный шестнадцатеричный код, например #F53, является сокращением #FF5533 — каждая цифра удваивается. Инструмент принимает обе формы и для ясности всегда выводит полный 6-значный код.
Могу ли я вводить HEX-коды без символа #?
+
Да. Инструмент распознает значения HEX с начальным хешем или без него. Он автоматически добавит # к выводу.
Как преобразовать цвет с прозрачностью?
+
Используйте 8-значный HEX-код, где последние две цифры обозначают альфу (например, #FF573380 для непрозрачности 50 %) или введите четыре значения RGBA. Инструмент преобразует альфа-канал между обоими форматами.
Работаете с фирменными цветами на фотографиях?
AI Enhance может настроить цвета фотографий в соответствии с палитрой вашего бренда. Получите точные значения RGB здесь, а затем используйте их в качестве эталона при улучшении фотографий продукта.
Попробуйте бесплатноMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Создавайте линейные, радиальные и конические градиенты с несколькими цветовыми точками. Скопируйте код CSS или загрузите изображение в формате PNG. Никакой регистрации не требуется.
Преобразуйте цвета между именованными форматами HEX, RGB, HSL, HSB, CMYK и CSS. Просмотрите предварительный просмотр в реальном времени, скопируйте любое значение и экспортируйте карту цветов. Никакой регистрации не требуется.
Выберите любой цвет из загруженного изображения и мгновенно получите его коды HEX, RGB и HSL. Создавайте палитры из фотографий для веб-дизайна, брендинга и иллюстраций.
Загрузите фотографию и извлеките 5–10 доминирующих цветов с помощью кодов HEX, RGB и HSL. Копируйте образцы, экспортируйте их как переменные ASE или CSS. Никакой регистрации не требуется.
Создавайте QR-коды для URL-адресов, текста, учетных данных Wi-Fi и визитных карточек. Настройте цвета, добавьте центральный логотип и загрузите его в формате PNG или SVG. Никакой регистрации не требуется.
Рассчитайте ширину, высоту или соотношение сторон изображений и видео. Введите любые два значения и получите третье. Предустановленные соотношения для социальных сетей, фильмов и печати. Никакой регистрации не требуется.