OpenReplay Logo
12k
12k

Конвертер HEX в RGBA

Преобразуйте шестнадцатеричные цвета в запись rgba(). Вставьте любое 3-, 6- или 8-значное шестнадцатеричное значение, задайте прозрачность — преобразование выполняется в вашем браузере.

Ввод HEX Обрабатывается локально
Результат RGBA Недавние пока пусто
rgba(57, 77, 254, 0.5) альфа 0.5

Об этом инструменте

RGBA расширяет запись RGB альфа-каналом для прозрачности (0–1). Преобразование шестнадцатеричного цвета в rgba() — самый быстрый способ добавить прозрачность существующему цвету бренда или дизайн-токена в CSS.

Используйте его, чтобы превратить сплошные шестнадцатеричные значения в полупрозрачные наложения, рамки и тени — или чтобы разложить 8-значное шестнадцатеричное значение в эквивалентную запись rgba().

8-значное шестнадцатеричное значение (#394dfe80) несёт собственную альфу — она имеет приоритет над полем альфа.

Часто задаваемые вопросы

Как преобразовать HEX в RGBA?

Разбейте шестнадцатеричное значение на пары и преобразуйте каждую пару из шестнадцатеричной системы в десятичное число 0–255, затем добавьте альфу как значение от 0 до 1. Для #394DFE с прозрачностью 50%: 39 становится 57, 4D — 77, FE — 254, что даёт rgba(57, 77, 254, 0.5). Этот инструмент делает это мгновенно по мере ввода.

Откуда берётся альфа?

Из поля альфа (0–1) — или из последних двух цифр 8-значного шестнадцатеричного значения, например #394dfe80; при их наличии они имеют приоритет.

Какие форматы принимаются?

#rgb, #rgba, #rrggbb и #rrggbbaa — с решёткой в начале или без неё.

Могу ли я выполнить обратное преобразование?

Да — конвертер RGBA в HEX выполняет обратную операцию, сводя цвет rgba() в 8-значный шестнадцатеричный формат.