O que esta ferramenta faz
O conversor de cores ajuda a traduzir rapidamente valores entre os formatos HEX, RGB, RGBA e HSL para CSS, design e interfaces. RGBA oferece suporte a um canal alfa para transparência.
Como usar
- Digite uma cor no formato HEX, RGB, RGBA ou HSL.
- Revise os valores convertidos e a prévia da cor.
- Copie o formato de que precisa com o botão no lado direito do campo.
Formatos suportados
O conversor aceita formatos CSS comuns: HEX, HEX curto, RGB, RGBA e HSL. Ele mostra valores equivalentes e uma prévia para comparar cores entre design, código e documentação.
Alpha e arredondamento
RGBA permite transparência com alpha de 0 a 1 ou porcentagens. Ao converter, especialmente para HSL, podem surgir pequenas diferenças por arredondamento; em um design system escolha um formato canônico.
Limites de interface
A ferramenta não verifica contraste, acessibilidade, perfis de cor ou wide gamut. Use para CSS e tokens rápidos, mas valide WCAG, estados hover/focus e legibilidade separadamente.
Ao levar cores do design para CSS, copie também o contexto: fundo, estado do componente e uso previsto. Um valor pode parecer correto em uma amostra pequena, mas falhar como texto, borda fina ou estado desabilitado sobre outra cor.
Para tokens de design, escolha um formato canônico e documente quando usar alpha. Reconverter muitas vezes entre HEX, RGB e HSL pode gerar pequenos arredondamentos que dificultam revisão e comparação visual.