Algo errado nesta ferramenta?

Sobre «Conversor De HEX Para RGBA Online»

Esta ferramenta converte códigos de cor hex para notação RGBA, onde A é o canal alfa (opacidade de 0 a 1). Códigos hex como #FF5733 não incluem transparência; rgba(255, 87, 51, 0.5) permite especificar uma variante semi-transparente para overlays, paradas de gradiente, ou design tokens.

Notação RGBA é essencial ao projetar elementos semi-transparentes: tooltips, backdrops de modal, barras de gráfico esmaecidas, e marcas d'água todos usam opacidade variável. Notação hex de 8 dígitos (#FF5733FF) é alternativa mas RGBA é mais amplamente entendido por designers.

Use para adicionar transparência a cores de marca ao projetar estados de UI, atenuar uma cor primária para botões desabilitados, ou misturar cores visualmente sobrepondo camadas transparentes.

Como usar esta ferramenta

Como converter uma cor hex (com alpha opcional) em RGBA

  1. Informe o valor hex

    Hex no campo "Hex (#RGB … #RRGGBBAA)". Quatro comprimentos são suportados: `#RGB`, `#RGBA`, `#RRGGBB`, `#RRGGBBAA` — o `#` inicial é opcional e o case não importa.

  2. Como o alpha é interpretado

    Se o hex inclui alpha (4 ou 8 dígitos) ele é usado; caso contrário alpha é 1 por padrão (totalmente opaco). O valor de byte é dividido por 255 para gerar float 0–1, depois cortado a 4 casas decimais.

  3. Executar

    Saída: `r`, `g`, `b` (0–255), `a` (float 0–1), `alphaByte` (0–255), `hex` (8 dígitos normalizado), `hexRgb` (6 dígitos sem alpha) e `rgbaCss` (string `rgba(r, g, b, a)` pronta).

  4. Quando usar hex vs hexRgb

    Use `hex` (8 dígitos) em CSS que suporte hex de 8 dígitos. Use `hexRgb` quando precisar de hex legado de 6 dígitos junto a uma `opacity` ou `rgba()` separados.

Ferramentas parecidas