Destaque Featured Destacados
HEX para RGBA HEX to RGBA HEX a RGBA
Transforme #RGB, #RRGGBB ou #RRGGBBAA em rgba() para CSS e React. Ajuste alpha quando o hex tiver 6 dígitos. Turn #RGB, #RRGGBB, or #RRGGBBAA into rgba() for CSS and React. Tune alpha when the hex has 6 digits. Pasa #RGB, #RRGGBB o #RRGGBBAA a rgba() para CSS y React. Ajusta alpha si el hex tiene 6 dígitos.
{{ t("hexToRgbaFormatsHint") }}
Descrição Overview Descripción
Cores em design web e UI costumam nascer em paletas hexadecimais, mas efeitos de vidro, gradientes e temas claros/escuros pedem canais RGBA com alpha explícito. Esta ferramenta interpreta formatos curtos (#RGB, #RGBA), completos (#RRGGBB, #RRGGBBAA) e aplica um fator de transparência extra quando você usa 3 ou 6 dígitos (o alpha embutido em 8 dígitos tem prioridade).
Tudo roda no navegador: útil para copiar valores para Tailwind arbitrary, variáveis CSS e estilos inline em JSX.
Web and UI colors often start as hex palettes, but glass effects, gradients, and light/dark themes benefit from explicit RGBA. This tool parses short (#RGB, #RGBA), full (#RRGGBB, #RRGGBBAA) hex, and applies an extra alpha factor when you use 3 or 6 digits (embedded alpha in 8-digit hex wins).
Runs in the browser: handy for Tailwind arbitrary values, CSS variables, and inline JSX styles.
El diseño web suele partir de hex, pero efectos glass, gradientes y temas claro/oscuro piden RGBA con alpha claro. Esta herramienta interpreta formatos cortos (#RGB, #RGBA), completos (#RRGGBB, #RRGGBBAA) y aplica un factor de transparencia extra con 3 o 6 dígitos (el alpha en 8 dígitos manda).
Todo en el navegador: útil para valores arbitrarios de Tailwind, variables CSS y estilos inline en JSX.
Exemplo Sample Ejemplo
#3b82f6ccPerguntas frequentes FAQ Preguntas frecuentes
Para que serve esta ferramenta?
What is this tool for?
¿Para qué sirve esta herramienta?
Ela roda 100% no seu navegador: útil para validar, formatar ou converter dados no dia a dia de desenvolvimento.
It runs fully in your browser: useful to validate, format, or convert data in everyday development.
Funciona por completo en tu navegador: sirve para validar, formatear o convertir datos en el día a día.
Meus dados são enviados a algum servidor?
Are my inputs sent to a server?
¿Se envían mis datos a algún servidor?
O processamento é feito localmente via JavaScript. Não armazenamos o conteúdo que você cola nas caixas de texto.
Processing happens locally with JavaScript. We do not store what you paste into the text areas.
El procesamiento es local con JavaScript. No almacenamos lo que pegas en los campos de texto.
Posso usar em produção ou para dados reais?
Can I use this for real production data?
¿Puedo usarlo con datos reales en producción?
Use por sua conta e risco. Para segredos (senhas, tokens), prefira ambientes controlados e políticas da sua empresa. E lembre sempre de revisar os conteúdos gerados. Nunca confie cegamente nas coisas que vê na internet.
Use at your own risk. For secrets (passwords, tokens), prefer controlled environments and your company policies. And always review the generated contents. Never trust blindly things you see on the internet.
Úsalo bajo tu responsabilidad. Para secretos (contraseñas, tokens), prefiere entornos controlados y políticas internas. Recuerda de revisar los contenidos generados. Nunca confies ciegamente en cosas que ves en internet.