Conversor de Cores

Converta uma cor entre HEX, RGB, HSL, HSV e CMYK e gere paletas harmônicas (complementar, análoga, tríade e mais). Escolha pelo seletor ou digite o HEX.

HEX
#3366CC
RGB
rgb(51, 102, 204)
HSL
hsl(220, 60%, 50%)
HSV
hsv(220, 75%, 80%)
CMYK
cmyk(75%, 50%, 0%, 20%)

Paletas harmônicas

Complementar

#3366CC
#CC9933

Análoga

#33B3CC
#3366CC
#4D33CC

Tríade

#3366CC
#CC3366
#66CC33

Tétrade

#3366CC
#CC33B2
#CC9933
#33CC4C

Monocromática

#142952
#24478F
#3366CC
#7094DB
#ADC2EB

Como foi sua experiência com esta ferramenta?

Sua avaliação anônima ajuda a calibrar as fórmulas e manter as ferramentas sempre gratuitas e atualizadas.

Por que a mesma cor muda entre tela e impressão

A mesma cor pode parecer diferente na tela e no papel porque os dois usam modelos opostos de formação de cor. A tela trabalha com RGB, um modelo aditivo: parte do preto e soma luz vermelha, verde e azul até chegar ao branco. A impressão usa CMYK, um modelo subtrativo: parte do branco do papel e adiciona tintas ciano, magenta, amarela e preta que absorvem luz. Como o RGB cobre uma faixa de cores (gamut) maior que o CMYK, tons muito vivos e saturados na tela não têm equivalente exato em tinta e saem mais apagados no impresso. Por isso vale conferir os valores CMYK antes de mandar para a gráfica.

O círculo cromático e as paletas harmônicas

O círculo cromático organiza os matizes num anel de 0 a 360 graus, e as paletas harmônicas nascem de relações geométricas entre pontos desse anel. A complementar usa cores opostas, com 180 graus de diferença, para máximo contraste; a análoga usa vizinhas, por volta de 30 graus, para um efeito suave e coeso; a tríade pega três cores igualmente espaçadas, a 120 graus, para um conjunto equilibrado; a tétrade forma um retângulo com quatro cores. A monocromática mantém o mesmo matiz e varia só saturação e luminosidade. Partir de uma cor base e aplicar essas relações gera combinações que costumam funcionar visualmente.

Quando usar cada formato de cor

Cada formato de cor tem seu uso ideal no dia a dia. O HEX é a notação mais compacta e comum no CSS e em ferramentas de design. O RGB é útil quando você precisa dos canais separados, por exemplo em código que manipula pixels. O HSL facilita gerar variações de um tom mexendo só na luminosidade, e o HSV, também chamado de HSB, aparece bastante nos seletores de cor de editores gráficos. O CMYK serve para impressão. Como todos descrevem a mesma cor, converter entre eles permite pegar o valor no formato que o software de destino espera, sem precisar recalcular na mão.

Como usar esta ferramenta

  1. Escolha a cor pelo seletor ou digite o código HEX.
  2. Copie o valor no formato que precisar (RGB, HSL, CMYK…).
  3. Use as paletas geradas para combinar cores.

Perguntas Frequentes (FAQ)

Para que serve o CMYK?
O CMYK é o modelo de cores usado na impressão (ciano, magenta, amarelo e preto). Ao preparar um material para gráfica, é comum precisar dos valores CMYK em vez do RGB usado nas telas.
O que é uma cor complementar?
É a cor oposta no círculo cromático (180 graus de diferença). Usadas juntas, criam alto contraste e chamam atenção. A paleta análoga, ao contrário, usa cores vizinhas para um efeito mais suave.
HSL e HSV são a mesma coisa?
Não. Ambos usam matiz e saturação, mas o terceiro valor difere: HSL usa luminosidade e HSV usa valor (brilho). Por isso a mesma cor tem números diferentes em cada um.
Fez um site com IA e quer que alguem cuide dele? Converse comigo - Ygor Andrade, Desenvolvedor e Especialista em Solucoes Web

Ferramentas relacionadas - Web