Конвертер HEX в RGBA
Преобразуйте HEX-цвет (#RGB, #RGBA, #RRGGBB или #RRGGBBAA) в запись CSS rgba()/rgb() с полной разбивкой на красный, зелёный, синий, альфа-канал и HSLA, а также с необязательным переопределением альфы.
Ввод
Принимает HEX из 3, 4, 6 или 8 цифр, с # или без него. Форматы из 4 и 8 цифр включают альфа-канал.
Необязательно. Значение от 0 (прозрачный) до 1 (непрозрачный). Переопределяет альфу, указанную в HEX.
Вывод
| Свойство | Значение |
|---|---|
| No data yet | |
Другие способы использовать этот инструмент
REST API
curl -X POST https://api.iotools.cloud/v1/tool/hex-to-rgba-converter \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"hex": "#FF0000",
"alphaOverride": ""
}'Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.
Спросите у ИИ-агента
Use the IOTools `hex-to-rgba-converter` tool (HEX to RGBA Converter) on this input:
YOUR_INPUT_HEREВставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/hex-to-rgba-converter/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Конвертер HEX в RGBA — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
| Стоимость вызова API/MCP | От 5 кредитов |
|---|---|
| Нужно больше кредитов? | Посмотреть тарифы |
Также доступно через
Руководства
Превратите любой HEX-код цвета в запись CSS rgba() (и rgb()) за один шаг. Вставьте шестнадцатеричное значение, и этот конвертер разложит его на компоненты красного, зелёного, синего и альфа-канала, готовые к вставке прямо в таблицу стилей. Он работает полностью в вашем браузере, поэтому ваши цвета никогда не покидают ваш компьютер.
Как пользоваться
- Введите или вставьте HEX-цвет в поле HEX-цвет.
- Прочитайте преобразованную строку
rgba()или скопируйте её одним кликом. - Проверьте таблицу Значения цвета, чтобы увидеть отдельные числа R, G, B и альфа, а также эквивалентные записи
rgb()иhsla().
Символ # в начале можно не писать — работают оба варианта: #FF0000 и FF0000.
Какие HEX-форматы поддерживаются?
Принимаются все стандартные HEX-форматы CSS:
#RGB— сокращённая запись из 3 цифр. Каждая цифра удваивается, поэтому#F00превращается в#FF0000→rgba(255, 0, 0, 1).#RGBA— сокращённая запись из 4 цифр с альфа-полубайтом.#RRGGBB— классическая запись из 6 цифр.#RRGGBBAA— 8 цифр, где две последние несут альфа-канал.
Если в HEX нет альфа-канала, цвет считается полностью непрозрачным (альфа 1).
Как работает преобразование альфы?
В 8-значном HEX альфа хранится как байт от 00 до FF (0–255). CSS rgba() ожидает десятичное число от 0 до 1, поэтому байт делится на 255. Например, 80 равно 128, а 128 ÷ 255 = 0.502. Значения сохраняются с тремя знаками после запятой — этой точности достаточно, чтобы каждый 8-битный уровень альфы возвращался к тому же самому байту. Это частый источник ошибок «на единицу» в более простых конвертерах, которые округляют до двух знаков.
Можно ли задать свою прозрачность?
Да. Используйте необязательное поле Переопределение альфы, чтобы задать значение альфы от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Это удобно, когда у вас есть непрозрачный фирменный цвет, например #336699, и нужна полупрозрачная версия: укажите переопределение 0.5 и получите rgba(51, 102, 153, 0.5). Переопределение заменяет любую альфу, уже указанную в HEX.
RGB или RGBA
Если нужны только сплошные цвета, используйте строку rgb() из таблицы результатов. Вывод rgba() всегда содержит альфа-канал, а он нужен для наложений, теней, состояний при наведении и эффектов glassmorphism.
Мои данные конфиденциальны?
Да. Преобразование выполняется локально в вашем браузере с помощью простой арифметики — ничего не отправляется на сервер.