Conversor de Cores
Converta cores entre os formatos HEX, RGB e HSL. Inclui seletor visual de cores e verificador de taxa de contraste WCAG para testes de acessibilidade.
Valores CSS
color: #3B82F6;
color: rgb(59, 130, 246);
color: hsl(217, 91%, 60%);
Como Funciona
Insira um valor de cor
Digite um código HEX, valores RGB, valores HSL ou use o seletor visual de cores.
Veja todos os formatos
A cor é convertida instantaneamente para HEX, RGB e HSL. Todos os formatos são exibidos simultaneamente com saída CSS.
Copie ou verifique a acessibilidade
Copie qualquer formato de cor para a área de transferência. Verifique as taxas de contraste WCAG em relação a fundos branco e preto.
Perguntas Frequentes
Quais formatos de cor são suportados?
A ferramenta suporta os formatos HEX (3 e 6 dígitos), RGB (0–255) e HSL (matiz 0–360, saturação e luminosidade 0–100%). Insira um valor em qualquer formato e todos os outros são calculados instantaneamente.
O que é o verificador de contraste?
O verificador de contraste calcula a taxa de contraste entre sua cor e fundos branco ou preto de acordo com as diretrizes WCAG. Ele mostra se a combinação atende aos padrões de acessibilidade AA (taxa 4.5:1) ou AAA (taxa 7:1).
Roda no meu navegador?
Sim. Todas as conversões e cálculos de cores acontecem no lado do cliente no seu navegador. Nenhum dado é enviado para nenhum servidor.