Conversor de Código de Cor
Converta entre RGB, HEX, HSL, HSV e CMYK com seletor de cores e verificador de contraste
Seletor de Cores
Visualização
Formatos de Cor
Paleta de Cores
Verificador de Contraste
Texto de Exemplo
Este é um texto de exemplo menor para teste de legibilidade.
Sobre esta ferramenta
O conversor de códigos de cor é uma ferramenta gratuita para designers e desenvolvedores que converte entre RGB, HEX, HSL, HSV e CMYK. Você escolhe uma cor de forma intuitiva, gera automaticamente paletas de cores complementares e análogas e verifica a relação de contraste WCAG entre texto e fundo. Útil para projetar sites e apps, gerenciar cores de marca e verificar a acessibilidade.
Como usar
- 1 Escolha uma cor com o seletor ou digite um valor HEX diretamente.
- 2 Os valores de RGB, HSL, HSV e CMYK aparecem simultaneamente.
- 3 Veja a paleta gerada de cores complementares e análogas.
- 4 Use o verificador de contraste para confirmar que o texto é legível sobre o fundo.
Como funciona
O RGB mistura luz vermelha, verde e azul, cada uma de 0 a 255, e é a base da cor na tela. O HEX é esse mesmo RGB escrito como dois dígitos hexadecimais por canal, então #FF8800 significa vermelho 255, verde 136 e azul 0. O HSL descreve a cor por matiz (Hue, 0-360 graus), saturação e luminosidade, mais próximo da percepção humana e fácil de ajustar. O HSV troca a luminosidade pelo valor (brilho). O CMYK usa quantidades de tinta ciano, magenta, amarelo e preto e é voltado à impressão. A relação de contraste é a razão entre as luminâncias relativas de duas cores; o WCAG recomenda ao menos 4,5:1 para texto normal no nível AA e 7:1 no AAA.
Perguntas frequentes
Qual a diferença entre HEX e RGB?
Carregam a mesma informação de cor. O RGB lista vermelho, verde e azul como decimais de 0 a 255, e o HEX os empacota em dois dígitos hexadecimais cada. #FF0000 e rgb(255,0,0) são o mesmo vermelho.
O que significa o nível de contraste AA do WCAG?
Um padrão de legibilidade: texto de tamanho normal precisa de relação de contraste de pelo menos 4,5:1 com o fundo, e texto grande é aceito em 3:1.
Para que serve o HSL?
Permite mudar a saturação ou a luminosidade mantendo o matiz, tornando intuitivo criar variações da mesma cor e tons para o estado hover.
Por que as cores mudam entre CMYK e RGB?
O RGB é mistura aditiva de luz e o CMYK mistura subtrativa de tinta, com gamas diferentes. Cores vivas na tela podem ficar mais apagadas na impressão.
O que são cores complementares e análogas?
As complementares ficam no lado oposto do círculo cromático, dando forte contraste; as análogas são vizinhas e trazem harmonia. A ferramenta calcula ambas automaticamente.
Ferramentas e usos relacionados
Para entender como o HEX funciona, o conversor de bases numéricas ajuda. Para dimensões de design, veja o conversor de comprimentos e, para layout web, as conversões de px, rem e em.