Gerador de paletas de cores

Porque os formatos de cor importam

Os formatos de cor definem como uma cor é descrita e partilhada. HEX é muito usado em CSS. RGB é a base dos ecrãs. HSL torna mais fácil ajustar luminosidade e saturação. HSV é frequente nos color pickers. CMYK é essencial para impressão.

Compreender estes formatos ajuda a manter consistência entre produto, marketing e impressão.

Códigos de cor HEX

HEX é uma forma compacta de representar RGB. Um código de 6 caracteres como #1F2937 corresponde aos canais vermelho, verde e azul. O formato de 8 caracteres #RRGGBBAA adiciona alpha.

Use HEX para variáveis CSS, design tokens e configurações.

RGB e RGBA

RGB define a cor com três canais de 0–255. RGBA acrescenta alpha para transparência. É o modelo mais direto para ecrãs.

RGB é útil para transformações programáticas e APIs.

HSL e HSLA

HSL descreve matiz, saturação e luminosidade. Facilita criar variações consistentes ajustando apenas a luminosidade.

HSL é ótimo para temas e acessibilidade.

HSV (HSB)

HSV usa valor (brightness) e costuma ser mais intuitivo em seletores de cor, mas menos regular para escalas.

CMYK para impressão

CMYK descreve as quantidades de ciano, magenta, amarelo e preto. A conversão de RGB para CMYK pode alterar cores muito vivas.

Dicas práticas

• HEX para compacidade e CSS.
• HSL para construir tons claros e sombras.
• RGB para trabalho técnico em ecrã.
• CMYK para materiais de impressão.

Conversões comuns

• HEX ↔ RGB: conversão direta de canais.
• RGB ↔ HSL/HSV: útil para ajustes perceptivos.
• RGB ↔ CMYK: referência para impressão (com variações).

FAQs