Espaços de cor na web: HEX, RGB, HSL e OKLCH

HEX

Seis (ou oito com alpha) dígitos hexadecimais compactos; padrão em design tools. Fácil de copiar, ruim para interpolação perceptual direta.

RGB

Canal vermelho, verde e azul linearmente (0–255 ou %). Base matemática dos monitores; interpolação RGB pode gerar tons acinzentados no meio do gradiente.

HSL

Matiz (H), saturação (S), luminância (S). Ajustar H gira a roda; ótimo para explorar variações temáticas, mas a luminância nem sempre corresponde ao brilho percebido.

OKLCH

Modelo OK (aproximação perceptual) com eixo L claro-escuro, C croma e H matiz. Interpolar em OKLCH costuma produzir gradientes mais lisos e previsíveis para UI moderna (CSS color-mix, oklch()).

Ferramenta

Abrir conversor de cores no Cod3x Tools

Alterne entre representações, copie tokens e compare distâncias ΔE.