Início / CSS e cores / Conversor de HEX para RGB
Conversor de HEX para RGB
Ferramentas de design falam HEX, o CSS muitas vezes quer RGB, e ajustar um tom é mais fácil em HSL. Informe uma cor em qualquer um deles e veja os três, além do contraste contra texto branco e preto.
Como usar
- Use o seletor ou digite um valor HEX ou RGB.
- Leia os outros formatos e as duas razões de contraste.
- Copie o formato que o seu código precisa.
Exemplos
- #2c6fb5 → rgb(44, 111, 181) → hsl(210, 61%, 44%).
- A forma curta de três dígitos funciona: #f5c vira #ff55cc.
- Uma razão de 4,5:1 ou melhor atende ao mínimo WCAG AA para texto normal.
Perguntas frequentes
O que significam os números de contraste?
Eles comparam esta cor com o branco e com o preto. A WCAG pede pelo menos 4,5:1 para texto normal e 3:1 para texto grande, então o maior dos dois indica qual cor de texto usar sobre este fundo.
Quando o HSL é mais útil que o HEX?
Sempre que você estiver montando uma paleta. Manter matiz e saturação fixos e mudar só a luminosidade gera um conjunto coerente de tons claros e escuros, algo bem difícil de fazer mexendo em dígitos hexadecimais.
Ferramentas relacionadas
Atualizado: 2026-08-07