Конвертер HEX в RGBA
Переведите HEX-код в значение rgba(), которое можно сделать полупрозрачным, изменив число альфа-канала.
Ввод hex
Результат · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Как пользоваться: HEX в RGBA
- 1
Введите цвет
Впишите код цвета или выберите его пипеткой — каждое поле принимает свой формат.
- 2
Получите результат
Значение пересчитывается мгновенно, по мере ввода, вместе с превью цвета.
- 3
Скопируйте код
Скопируйте нужное значение в один клик и вставьте в дизайн, CSS или настройки печати.
О HEX и RGBA
RGBA — это RGB с четвёртым компонентом, альфой, который задаёт непрозрачность от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Обычный шестизначный HEX-код, например #6A5ACD, не содержит прозрачности, поэтому конвертер возвращает его как rgba(106, 90, 205, 1) — тот же цвет с полной непрозрачностью.
Чтобы сделать цвет полупрозрачным, измените последнее число: rgba(106, 90, 205, 0.5) прозрачен наполовину, а 0.15 даёт лёгкий оттенок. Так обычно создают наложения на фото, мягкие тени, подсветку при наведении и полупрозрачные фоны без отдельного светлого цвета. В отличие от свойства opacity, альфа в rgba() влияет только на этот цвет, поэтому текст внутри полупрозрачного блока остаётся чётким.
Современный CSS понимает и восьмизначные HEX-коды с альфой, например #6A5ACD80, но rgba() проще читать и править, и он работает также в старых браузерах и почтовых клиентах.
Всё работает локально в вашем браузере — изображения никуда не загружаются.