PT
Minhas ferramentas

Conversor de Cores — HEX, RGB e HSL

Converta cores HEX de três ou seis dígitos, RGB e HSL, com valores HSV e uma aproximação algébrica de CMYK claramente indicada.

HEX
#336699
RGB
rgb(51, 102, 153)
HSL
hsl(210, 50%, 40%)
Matiz
210 graus
Saturação HSV
66,666667 %
Valor HSV
60 %
Aproximação CMYK
66.666667, 33.333333, 0, 40 %

A entrada HSL é arredondada para RGB de 8 bits antes de todos os equivalentes exibidos serem calculados. O HEX não tem canal alfa.

Cinza, preto e branco não têm matiz definido; o texto HSL do CSS deles usa 0 como valor convencional.

O CMYK é uma aproximação algébrica simples, não uma conversão de impressão com perfil ICC.

Canais sRGB de 8 bits
CanalValor
Vermelho51
Verde102
Azul153
Minhas ferramentas →
Publicidade

Converta uma cor entre os formatos comuns em sites e arte digital. Escolha HEX, RGB ou HSL como entrada e leia os valores sRGB equivalentes de 8 bits. A ferramenta também mostra a saturação e o valor HSV, além de uma estimativa simples de CMYK para entender a aritmética.

Como usar esta ferramenta

  1. Escolha o formato de entrada; só os campos correspondentes são usados.
  2. Informe um código HEX de três ou seis dígitos, canais RGB inteiros ou valores HSL.
  3. Leia o resultado normalizado em HEX e RGB antes de copiar as outras representações.

Fórmula

HSL: L = (máx + mín) / 2; S = (máx − mín) / (1 − |2L − 1|) quando o croma é diferente de zero

O máximo e o mínimo são os componentes RGB normalizados. O matiz identifica o setor do canal. A entrada HSL é primeiro arredondada para canais inteiros, com empates exatos de meio byte arredondados para cima, de modo que todos os formatos exibidos descrevem a mesma cor final de 8 bits.

Exemplo

HEX #336699 significa RGB 51, 102, 153. Dividindo por 255, dá 0,2; 0,4; 0,6. A luminosidade é 40%, a saturação HSL é 50% e o matiz é 210 graus. O valor HSV é 60%.

Arredondamento

Os canais digitais são números inteiros de 0 a 255. Pequenas diferenças em uma entrada percentual podem arredondar para a mesma saída. Monitores, perfis e cores ao redor diferentes também podem fazer a mesma cor numérica parecer diferente.

Perguntas frequentes

Por que o matiz é indefinido para cinza?

Os três canais são iguais, então não há direção cromática. O texto HSL usa 0 grau apenas como valor convencional do CSS.

A saída em CMYK está pronta para impressão?

Não. Ela usa K = 1 − máx(R,G,B) e divide as diferenças dos canais restantes por 1 − K. A conversão real para impressão exige um perfil do dispositivo e do papel; o preto é tratado à parte.

Posso informar transparência ou uma cor com nome?

Esta ferramenta aceita apenas HEX, RGB e HSL opacos. HEX com alfa de quatro e oito dígitos, palavras-chave do CSS e espaços de cor de gama ampla estão fora do escopo da entrada.

Fontes

Última atualização:

Citar ou incorporar esta ferramenta
APA

kakaoCalc. (2026, November 9). Conversor de Cores — HEX, RGB e HSL. https://kakao.mobile/pt/tools/color-converter/

MLA

“Conversor de Cores — HEX, RGB e HSL.” kakaoCalc, 9 Nov. 2026, kakao.mobile/pt/tools/color-converter/.

Publicidade