Design

Convertendo cores: HEX, RGB, HSL e CMYK explicados

27 de maio de 20255 min de leitura

Os formatos de cor

HEX (#RRGGBB)

Usado em CSS e HTML. Cada par hexadecimal representa vermelho, verde e azul (0-255 em base 16).

#FF5733 = Vermelho intenso (FF=255, 57=87, 33=51)

RGB (R, G, B)

Valores de 0 a 255 para cada canal de cor.

rgb(255, 87, 51) = Mesma cor do exemplo acima.

HSL (Matiz, Saturação, Luminosidade)

Mais intuitivo para designers!

  • Matiz (0-360°): posição no círculo de cores
  • Saturação (0-100%): intensidade da cor
  • Luminosidade (0-100%): claro/escuro

CMYK (Ciano, Magenta, Amarelo, Preto)

Usado exclusivamente em impressão. Cores subtrativas.

Quando usar cada formato?

ContextoFormato recomendado
CSS/HTMLHEX ou RGB
Design de interfacesHSL
Impressão gráficaCMYK
Variações de tonsHSL

Converta suas cores instantaneamente com o Gerador de Cores do DynamicTools!