Conversor de cor

Cola uma cor em qualquer formato e obtém HEX, RGB, HSL, HSV e CMYK lado a lado. Aceita também nomes CSS comuns.

Cor de entrada

DETETADO ·HEX

HEX

#D97757

6 dígitos · #RRGGBB

RGB

rgb(217, 119, 87)

Sintaxe CSS clássica

HSL

hsl(15, 63%, 60%)

Matiz, saturação, luminosidade

HSV

hsv(15, 60%, 85%)

Matiz, saturação, valor

CMYK

cmyk(0%, 45%, 60%, 15%)

Impressão · aproximação

SNIPPET CSS

:root {
  --color:      #D97757;
  --color-rgb:  rgb(217, 119, 87);
  --color-hsl:  hsl(15, 63%, 60%);
  --color-hsv:  hsv(15, 60%, 85%);
  --color-cmyk: cmyk(0%, 45%, 60%, 15%);
}

◐ COMO FUNCIONA

HEX e RGB descrevem a mesma coisa de duas maneiras: três canais (vermelho, verde, azul) entre 0–255 — convenientes para máquinas, opacos para humanos. HSL e HSV parametrizam a cor por matiz, saturação e luminosidade/valor, o que torna mais fácil pensar em "uma laranja um pouco mais clara" sem matemática.

CMYK (ciano, magenta, amarelo, preto) é o modelo subtrativo usado em impressão. A conversão a partir de RGB é uma aproximação — o resultado real depende sempre do perfil de cor da impressora e do papel.