Conversor de opacidade alfa

• Conversão alfa instantânea: o conversor processa qualquer cor CSS com alfa em tempo real. Cole rgba(), hsla(), HEX8 ou HEX4 e obtenha todos os formatos equivalentes na hora — sem clicar em botões e sem esperar.
• Processamento seguro e privado: seus dados de cor nunca saem do dispositivo. O conversor roda inteiramente no navegador, então nada é enviado e nada é registrado.
• Prévia de mesclagem em qualquer fundo: veja exatamente como sua cor semitransparente fica composta sobre branco, preto e um fundo personalizado. O conversor calcula o valor HEX mesclado para cada fundo na hora.
• 100% grátis para sempre: use este conversor sem cadastro, assinatura, limites de uso ou paywalls escondidos. Converta quantas cores precisar, totalmente grátis.

Um conversor de opacidade alfa é uma ferramenta que converte valores de cor CSS com canal alfa (transparência) entre todos os formatos suportados. Em CSS, a transparência pode ser expressa como rgba() (vermelho, verde, azul, alfa 0-1), hsla() (matiz, saturação, luminosidade, alfa 0-1) ou HEX8 (#rrggbbaa, um código hexadecimal de 8 dígitos em que os dois últimos representam o canal alfa). Este conversor analisa qualquer um desses formatos e gera todos os equivalentes, além de uma prévia de mesclagem mostrando como a cor fica composta sobre diferentes fundos, tudo rodando localmente no navegador.

1. Cole sua cor: informe qualquer cor CSS com alfa (rgba(), hsla(), HEX8 (#rrggbbaa) ou HEX4 (#rgba)). O conversor analisa a entrada e atualiza todas as saídas em tempo real.
2. Revise todos os formatos equivalentes: o conversor mostra rgba(), hsla(), HEX8, HEX6 (sem alfa), a porcentagem de opacidade e o valor alfa nas escalas 0-1 e 0-255.
3. Confira as prévias e copie: veja como a cor fica sobre branco, preto e um fundo personalizado. Copie qualquer formato com um clique, ou copie a escala de opacidade completa como tokens HEX8.

• Formato rgba(): a função CSS padrão com vermelho (0-255), verde (0-255), azul (0-255) e alfa (0-1). Amplamente suportada em todos os navegadores e pré-processadores CSS.
• Formato hsla(): matiz (0-360°), saturação (0-100%), luminosidade (0-100%) e alfa (0-1). Mais fácil de raciocinar para designers que ajustam relações de cor.
• Formato HEX8: um código hexadecimal de 8 dígitos (#rrggbbaa) em que os dois últimos dígitos representam o canal alfa (00 = totalmente transparente, ff = totalmente opaco). Usado no Tailwind CSS, Figma e design tokens modernos.
• Prévia de mesclagem: a cor sólida real resultante de compor a cor semitransparente sobre um fundo usando a fórmula padrão de composição alfa.

O conversor de opacidade alfa suporta os formatos de cor CSS listados acima. Ele não suporta a sintaxe mais nova do CSS Color Level 4 (por ex. rgb(59 130 246 / 50%)) nem os formatos oklch/lab com alfa. A prévia de mesclagem usa composição alfa padrão (operação "over" de Porter-Duff) e assume um fundo plano e sólido — não considera várias camadas nem modos de composição complexos.