0

Resultado da Codificação

Cor Oklch

Sobre a cor Oklch

A cor Oklch é um espaço de cor perceptual que representa cores com luminosidade, croma e matiz. Ela usa a mesma ideia de Oklab, mas expressa a cor com croma e ângulo, facilitando o ajuste separado da intensidade e do matiz.

ComponenteSignificadoValor de exemplo
L: LuminosidadeRepresenta a luminosidade da cor. 0% é preto e 100% é branco.60%
C: CromaRepresenta a intensidade da cor. 0 é acromático e valores maiores produzem cores mais vivas.0.2
H: MatizRepresenta o matiz como um ângulo.90deg

Por exemplo, cores principais como o vermelho podem ser representadas assim.

CorOklch notaçãoNotação RGB
Vermelhooklch(62.8% 0.2577 29.23deg)rgb(255 0 0)
Verdeoklch(51.98% 0.1769 142.5deg)rgb(0 128 0)
Limaoklch(86.64% 0.2948 142.5deg)rgb(0 255 0)
Azuloklch(45.2% 0.3132 264.05deg)rgb(0 0 255)
Brancooklch(100% 0 0deg)rgb(255 255 255)
Pretooklch(0% 0 0deg)rgb(0 0 0)

Para incluir transparência, adicione um valor alfa. Por exemplo, o vermelho semitransparente pode ser representado como oklch(62.8% 0.2577 29.23deg / 0.5).

Tratamento da luminosidade, do croma e do matiz

Representa a luminosidade da cor. 0% é preto e 100% é branco Valores abaixo de 0% são tratados como 0%, e acima de 100% são limitados a 100%.

Representa a intensidade da cor. 0 é acromático e valores maiores produzem cores mais vivas. Croma negativo é tratado como 0. Quando o croma é 0, a cor fica acromática e o matiz é tratado como 0deg.

O matiz é tratado como um ângulo. oklch(62.8% 0.2577 389.23deg) é tratado como a mesma cor que oklch(62.8% 0.2577 29.23deg).

Diferença entre Oklch e Oklab

Oklab representa cores com as coordenadas retangulares a e b. Oklch converte essa cor em croma e matiz.

Diferença entre Oklch e LCH

Oklch foi projetado para produzir mudanças visuais mais uniformes que LCH ao alterar matiz ou croma.