Конвертер прозрачности и альфа-канала

• Мгновенное преобразование альфа-канала: конвертер обрабатывает любой CSS-цвет с альфа-каналом в реальном времени. Вставьте rgba(), hsla(), HEX8 или HEX4 и сразу получите все эквивалентные форматы — без нажатия кнопок и ожидания.
• Безопасная и приватная обработка: ваши данные о цвете никогда не покидают устройство. Конвертер работает полностью в браузере, поэтому ничего не загружается и не логируется.
• Предпросмотр смешивания на любом фоне: посмотрите, как ваш полупрозрачный цвет выглядит в смешении с белым, чёрным и своим фоном. Конвертер мгновенно вычисляет смешанное значение HEX для каждого фона.
• 100 % бесплатно навсегда: пользуйтесь конвертером без регистрации, подписок, лимитов и скрытых платежей. Преобразуйте сколько угодно цветов — совершенно бесплатно.

Конвертер прозрачности и альфа-канала — это инструмент, который преобразует значения CSS-цветов с альфа-каналом (прозрачностью) между всеми поддерживаемыми форматами. В CSS прозрачность может выражаться как rgba() (красный, зелёный, синий, альфа 0-1), hsla() (тон, насыщенность, светлота, альфа 0-1) или HEX8 (#rrggbbaa — 8-значный шестнадцатеричный код, где последние две цифры обозначают альфа-канал). Этот конвертер разбирает любой из этих форматов и выдаёт все эквиваленты, а также предпросмотр смешивания, показывающий, как цвет выглядит на разных фонах, — всё выполняется локально в браузере.

1. Вставьте цвет: введите любой CSS-цвет с альфа-каналом — rgba(), hsla(), HEX8 (#rrggbbaa) или HEX4 (#rgba). Конвертер разбирает ввод и обновляет все результаты в реальном времени.
2. Проверьте все эквиваленты форматов: конвертер показывает rgba(), hsla(), HEX8, HEX6 (без альфа-канала), процент прозрачности и значение альфа в шкалах 0-1 и 0-255.
3. Смотрите предпросмотр и копируйте: узнайте, как цвет выглядит на белом, чёрном и своём фоне. Копируйте любой формат одним кликом или всю шкалу прозрачности как токены HEX8.

• Формат rgba(): стандартная функция CSS с красным (0-255), зелёным (0-255), синим (0-255) и альфа (0-1). Широко поддерживается всеми браузерами и CSS-препроцессорами.
• Формат hsla(): тон (0-360°), насыщенность (0-100 %), светлота (0-100 %) и альфа (0-1). Удобнее для дизайнеров, которые настраивают цветовые отношения.
• Формат HEX8: 8-значный шестнадцатеричный код (#rrggbbaa), где последние две цифры обозначают альфа-канал (00 — полностью прозрачный, ff — полностью непрозрачный). Используется в Tailwind CSS, Figma и современных дизайн-токенах.
• Предпросмотр смешивания: фактический сплошной цвет, который получается при наложении полупрозрачного цвета на фон по стандартной формуле альфа-смешивания.

Конвертер поддерживает перечисленные выше форматы CSS-цветов. Он не поддерживает более новый синтаксис CSS Color Level 4 (например, rgb(59 130 246 / 50%)) и форматы oklch/lab с альфа-каналом. Предпросмотр смешивания использует стандартное альфа-смешивание (операция «over» Портера-Даффа) и предполагает плоский однородный фон — он не учитывает несколько слоёв и сложные режимы наложения.