С этим инструментом что-то не так?

О «Конвертер HEX в RGBA Онлайн»

Этот инструмент превращает hex в RGBA-нотацию, где A — альфа-канал (прозрачность 0–1). Hex вроде #FF5733 не несёт прозрачности; rgba(255, 87, 51, 0.5) даёт полупрозрачный вариант для оверлеев, точек градиента и токенов дизайна.

RGBA незаменим в полупрозрачных элементах: тултипах, фонах модалок, тонких полосах графиков, водяных знаках. 8-значный hex (#FF5733FF) — альтернатива, но RGBA понятнее дизайнерам.

Полезно для добавления прозрачности бренду в UI-состояниях, затемнения основного цвета у неактивных кнопок, визуального смешения через прозрачные слои.

Как пользоваться этим инструментом

Как преобразовать hex (с опциональной альфой) в RGBA

  1. Введите hex

    Hex-значение — в поле "Hex (#RGB … #RRGGBBAA)". Поддерживаются 4 длины: `#RGB`, `#RGBA`, `#RRGGBB`, `#RRGGBBAA`. Ведущий `#` опционален, регистр не важен.

  2. Как парсится alpha

    Если в hex есть alpha (4 или 8 цифр) — он используется; иначе по умолчанию 1 (полная непрозрачность). Байтовое значение делится на 255, чтобы получить float 0–1, и обрезается до 4 знаков.

  3. Запуск

    Вывод: `r`, `g`, `b` (0–255), `a` (float 0–1), `alphaByte` (0–255), `hex` (нормализованный 8-значный), `hexRgb` (6-значный без alpha) и `rgbaCss` (готовая строка `rgba(r, g, b, a)`).

  4. Когда брать hex, а когда hexRgb

    Используйте `hex` (8-значный) в CSS, где поддерживается 8-знак. Используйте `hexRgb`, если нужен классический 6-значный hex + отдельный `opacity` или `rgba()`.

Похожие инструменты