Espaços de cores explicados
FAQ
- Qual espaço de cores devo usar para CSS?
- HEX e RGB são padrão. CSS moderno também oferece suporte a oklch() e lab() para gradientes e temas perceptualmente melhores.
Por que o espaço de cores é importante
Diferentes espaços de cores representam a mesma cor percebida de maneiras diferentes. A escolha do espaço certo afeta a interpolação, as verificações de acessibilidade e a exportação para CSS, impressão ou ferramentas de design.
Os desenvolvedores da Web geralmente trabalham em sRGB (HEX/RGB/HSL), enquanto os fluxos de trabalho de impressão podem precisar de CMYK e ferramentas de design avançadas podem usar LAB para ajustes perceptualmente uniformes.
HEX, RGB e HSL
HEX é compacto e familiar em CSS (#RRGGBB). RGB mapeia diretamente para canais de tela. O HSL separa matiz, saturação e luminosidade – útil para ajustes de tema e geração de matizes e sombras.
Use HEX/RGB para APIs e tokens de design. Use HSL quando precisar clarear ou escurecer a cor de uma marca, mantendo a tonalidade estável.
CMYK, LABORATÓRIO e XYZ
Modelos CMYK com tintas de impressão subtrativas. A conversão de RGB em CMYK é aproximada porque as telas e as impressoras têm gamas diferentes.
LAB e XYZ são independentes de dispositivo. LAB é especialmente útil para gradientes perceptivelmente uniformes e cálculos de luminância relacionados à acessibilidade.