Teoria das Cores

Conheça os principais sistemas de cores utilizados em design, tecnologia, impressão e ciência.

Red, Green, Blue – baseado em luz emitida. Valores de 0 a 255 por canal. Usado em monitores, TVs, projetores.

Cyan, Magenta, Yellow, Key (Black) – usado em impressão. Valores em porcentagem (0-100%).

Matiz (0-360°), Saturação (0-100%), Valor/Brilho (0-100%). Usado em ferramentas de edição como Photoshop.

Matiz, Saturação e Luminosidade. Muito usado em CSS (hsl()) por ser mais intuitivo.

Similar ao HSV, com Brightness (brilho) no lugar de Value. Comum em aplicações da Adobe.

Notação #RRGGBB com valores hexadecimais (00-FF). Muito usado em CSS e design web.

Espaço de cor perceptualmente uniforme, baseado na visão humana. L* (luminosidade), a* (verde-vermelho), b* (azul-amarelo).

Derivado do Lab, usa polar: L* (luminosidade), C* (croma), h° (matiz). Intuitivo para design.

Espaço de referência tristímulo criado pela CIE em 1931. Base para muitos outros modelos.

Usado em sistemas de televisão e vídeo. Y = luminância, U e V = diferenças de cor.

Variação do YUV, usado em compressão de imagem e vídeo (JPEG, MPEG). Y = luminância, Cb e Cr = diferenças de crominância.

Usado no sistema NTSC de televisão. Y = luminância, I e Q = informações de cor (fase e amplitude).

Sistema de cores padronizado com numeração única. Garante consistência em impressão e design gráfico.

Sistema de cores europeu muito usado em arquitetura, pintura e design industrial. Possui códigos como RAL 9010.

Baseado na percepção humana das cores. Organizado por matiz, saturação e luminosidade. Usado na Suécia e Europa.

Sistema de cores baseado em três dimensões: matiz, valor (luminosidade) e croma (saturação). Usado em arte e ciência.

Espaço de cor moderno, perceptualmente uniforme e matematicamente simples. Projetado para ser usado em CSS e computação gráfica.

Versão polar do Oklab: L* (luminosidade), C* (croma), h° (matiz). Oferece melhor percepção e está sendo adotado em CSS (oklch()).

Comparativo Rápido