--color-primary: #06d6a0;bg-[#06d6a0]@theme {
--color-primary: oklch(78% 0.16 167);
}O Conversor de Cores é uma ferramenta online gratuita para converter entre HEX, RGB, HSL, OKLCH e outros espaços de cor. Inclui seletor visual, extração de paleta de imagens, verificador de contraste WCAG e pré-visualização de daltonismo. Roda inteiramente no seu navegador.
O que é a Ferramenta de Cores?
Um utilitário de cores abrangente que converte entre 7 espaços de cor (HEX, RGB, HSL, HSV, CMYK, LAB, OKLCH), gera harmonias de cores, verifica taxas de contraste para acessibilidade, simula deficiências de visão de cores e extrai paletas de imagens.
Casos de uso comuns
Selecionar e converter cores para desenvolvimento web — obtenha o valor exato HEX, RGB, HSL ou OKLCH para CSS ou Tailwind.
Verificar contraste de texto contra uma cor de fundo para atender às diretrizes de acessibilidade WCAG (AA/AAA) ou o novo padrão APCA.
Extrair cores dominantes de uma imagem para construir uma paleta de design coesa, gerando harmonias complementares, análogas ou triádicas.
Espaços de Cor
Esta ferramenta de cores converte entre 7 espaços de cor, gera harmonias, verifica taxas de contraste (WCAG e APCA), simula daltonismo e extrai paletas de imagens. Veja o [Conversor de Base Numérica](/numbase) para cálculos hexadecimais, ou o [Compressor de imagens](/image) para processamento de imagens.
WCAG 2.1 usa uma razão de luminância (1:1 a 21:1) com limiares para AA/AAA. É amplamente suportado, mas não considera completamente a percepção de texto pequeno ou modo escuro.
APCA é um candidato para WCAG 3 com uma pontuação Lc ciente de polaridade. Correlaciona-se melhor com legibilidade para texto fino ou pequeno.
Dicas
- Use o conta-gotas para selecionar uma cor de qualquer pixel na sua tela (navegadores Chromium).
- Solte uma imagem na aba Paleta para extrair suas 6 cores dominantes via quantização median-cut.
- O Tailwind v4 emite cores em OKLCH para suavidade perceptual — copie o bloco @theme para alinhar com esse fluxo de trabalho.