Преобразование HEX-кодов цветов в RGB и обратно.
Введите шестнадцатеричный код, например #FF5733, и сразу увидите эквивалент RGB — rgb(255, 87, 51). Или введите значения RGB и получите HEX-код. Живой образец цвета обновляется по мере ввода, а кнопки одним нажатием копируют значение в формате, необходимом для CSS, инструментов дизайна или документации.
Используйте этот инструмент бесплатноФункции
Двунаправленное преобразование
Введите HEX-код, чтобы получить RGB, или введите значения RGB, чтобы получить HEX. Оба поля обновляются в режиме реального времени по мере ввода, без необходимости нажимать кнопку конвертации.
Живой образец цвета
Большой образец предварительного просмотра отображает введенный вами цвет. Он обновляется мгновенно, поэтому вы можете визуально убедиться, что оттенок соответствует вашим ожиданиям.
Фрагменты вывода CSS
Получите готовый к вставке код CSS для свойств цвета, цвета фона и цвета границы в форматах HEX и RGB. Скопируйте любой фрагмент одним щелчком мыши.
Поддержка альфа-канала
Введите 8-значные шестнадцатеричные коды или значения RGBA для работы с прозрачностью. Инструмент точно преобразует альфа-канал между двумя форматами.
Как использовать
Введите значение цвета
Введите шестнадцатеричный код (с символом # или без него) или введите значения RGB в виде трех чисел от 0 до 255.
Посмотреть результат
Противоположное поле формата обновляется автоматически. Образец предварительного просмотра показывает цвет.
Копировать
Нажмите кнопку копирования рядом с любым значением или фрагментом CSS. Тост подтверждает, что текст находится в буфере обмена.
Технические характеристики
| Форматы ввода | 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.
Измените размер изображений до точного размера в пикселях для социальных сетей, Интернета и печати. Регистрация не требуется. Поддерживает JPEG, PNG и WebP размером до 50 МБ.
Сжимайте изображения JPEG, PNG и WebP до 80 % с минимальной видимой потерей качества. Отрегулируйте ползунок качества для полного контроля. Никакой регистрации не требуется.
Мгновенно конвертируйте изображения PNG в формат JPEG. Настройте качество вывода, выберите цвет фона для прозрачных областей и загрузите — регистрация не требуется.
Конвертируйте изображения JPEG в формат PNG для обеспечения качества без потерь и поддержки прозрачности. Идеально перед удалением фона. Никакой регистрации или установки не требуется.
Конвертируйте фотографии Apple HEIC и HEIF в универсально совместимый формат JPEG. Работает в браузере — без установки приложения, без регистрации, без загрузки файлов на сервер.
Конвертируйте JPEG и PNG в WebP для более быстрой загрузки страниц или конвертируйте WebP обратно в JPEG/PNG для совместимости. Никакой регистрации, никакой установки, запускается в браузере.