HEX в RGBA онлайн — цвет с прозрачностью

Opacity делает полупрозрачным весь элемент вместе с текстом, иконками и рамкой, а альфа внутри rgba действует только на то свойство, где записан цвет. Поэтому подложку с читаемым текстом делают через background с rgba, иначе вместе с фоном побледнеют и буквы.

Практика подсказывает диапазон от 0.4 до 0.6: содержимое под окном угадывается, но не отвлекает. Значения около 0.8 выглядят почти как сплошная заливка, ниже 0.3 модальное окно перестает читаться как отдельный слой. Проверяйте результат и на светлой, и на темной странице.

Современные браузеры действительно понимают запись rgba(0 0 0 / 50%), но поле на этой странице рассчитано на долю от 0 до 1. Разделите проценты на сто: 50% превращается в 0.5, 15% — в 0.15. Дробную часть отделяйте точкой, запятая в CSS считается разделителем аргументов.

В браузерах поддержка сплошная, а вот почтовые клиенты ведут себя по-разному: Outlook на движке Word полупрозрачный фон часто игнорирует. Для рассылок задавайте запасной сплошной цвет отдельной строкой перед rgba, чтобы верстка не осталась без фона.

Итоговый пиксель — это смесь вашего цвета с тем, что лежит ниже, пропорционально альфе. Поверх темного снимка белый с альфой 0.3 неизбежно уйдет в серый. Если нужен именно чистый оттенок, поднимайте альфу ближе к 1 или добавляйте под текст отдельный слой.

Нет, обе величины остаются в открытой вкладке: страница только склеивает каналы и альфу в готовую строку. Это удобно, когда палитра еще не анонсирована. На телефоне ввод дробного числа проще, если переключить клавиатуру в цифровой режим и следить за автоподстановкой запятой.