0

Codificato

Colore Oklch

Informazioni sul colore Oklch

Il colore Oklch è uno spazio colore percettivo che rappresenta i colori con luminosità, croma e tonalità. Usa la stessa idea di Oklab, ma esprime il colore con croma e angolo, rendendo più semplice regolare separatamente intensità e tonalità.

ComponenteSignificatoValore di esempio
L: LuminositàRappresenta la luminosità del colore. 0% è nero e 100% è bianco.60%
C: CromaRappresenta l’intensità del colore. 0 è acromatico e valori maggiori producono colori più vividi.0.2
H: TonalitàRappresenta la tonalità come un angolo.90deg

Ad esempio, i colori principali come il rosso possono essere rappresentati così.

ColoreOklch notazioneNotazione RGB
Rossooklch(62.8% 0.2577 29.23deg)rgb(255 0 0)
Verdeoklch(51.98% 0.1769 142.5deg)rgb(0 128 0)
Limeoklch(86.64% 0.2948 142.5deg)rgb(0 255 0)
Bluoklch(45.2% 0.3132 264.05deg)rgb(0 0 255)
Biancooklch(100% 0 0deg)rgb(255 255 255)
Nerooklch(0% 0 0deg)rgb(0 0 0)

Per includere la trasparenza, aggiungere un valore alfa. Ad esempio, il rosso semitrasparente può essere rappresentato come oklch(62.8% 0.2577 29.23deg / 0.5).

Gestione di luminosità, croma e tonalità

Rappresenta la luminosità del colore. 0% è nero e 100% è bianco I valori sotto 0% sono trattati come 0% e quelli sopra 100% sono limitati a 100%.

Rappresenta l’intensità del colore. 0 è acromatico e valori maggiori producono colori più vividi. Un croma negativo è trattato come 0. Quando il croma è 0, il colore diventa acromatico e la tonalità è trattata come 0deg.

La tonalità è trattata come un angolo. oklch(62.8% 0.2577 389.23deg) è trattato come lo stesso colore di oklch(62.8% 0.2577 29.23deg).

Differenza tra Oklch e Oklab

Oklab rappresenta i colori con le coordinate rettangolari a e b. Oklch converte quel colore in croma e tonalità.

Differenza tra Oklch e LCH

Oklch è progettato per produrre cambiamenti visivi più uniformi rispetto a LCH quando cambiano tonalità o croma.