0

Gecodeerd

Oklch-kleur

Over Oklch-kleur

Oklch-kleur is een perceptuele kleurruimte die kleuren weergeeft met lichtheid, chroma en tint. Het gebruikt hetzelfde idee als Oklab, maar drukt de kleur uit met chroma en een hoek, waardoor kleursterkte en tint afzonderlijk gemakkelijker aan te passen zijn.

ComponentBetekenisVoorbeeldwaarde
L: LichtheidGeeft de lichtheid van de kleur aan. 0% is zwart en 100% is wit.60%
C: ChromaGeeft de kleursterkte aan. 0 is achromatisch en grotere waarden geven levendigere kleuren.0.2
H: TintGeeft de tint als hoek weer.90deg

Belangrijke kleuren zoals rood kunnen bijvoorbeeld als volgt worden weergegeven.

KleurOklch notatieRGB-notatie
Roodoklch(62.8% 0.2577 29.23deg)rgb(255 0 0)
Groenoklch(51.98% 0.1769 142.5deg)rgb(0 128 0)
Limeoklch(86.64% 0.2948 142.5deg)rgb(0 255 0)
Blauwoklch(45.2% 0.3132 264.05deg)rgb(0 0 255)
Witoklch(100% 0 0deg)rgb(255 255 255)
Zwartoklch(0% 0 0deg)rgb(0 0 0)

Voeg een alfawaarde toe om transparantie op te nemen. Halftransparant rood kan bijvoorbeeld worden weergegeven als oklch(62.8% 0.2577 29.23deg / 0.5).

Behandeling van lichtheid, chroma en tint

Geeft de lichtheid van de kleur aan. 0% is zwart en 100% is wit Waarden onder 0% worden als 0% behandeld en waarden boven 100% worden op 100% begrensd.

Geeft de kleursterkte aan. 0 is achromatisch en grotere waarden geven levendigere kleuren. Negatief chroma wordt als 0 behandeld. Wanneer chroma 0 is, wordt de kleur achromatisch en wordt de tint als 0deg behandeld.

De tint wordt als hoek behandeld. oklch(62.8% 0.2577 389.23deg) wordt behandeld als dezelfde kleur als oklch(62.8% 0.2577 29.23deg).

Verschil tussen Oklch en Oklab

Oklab geeft kleuren weer met de rechthoekige coördinaten a en b. Oklch zet die kleur om naar chroma en tint.

Verschil tussen Oklch en LCH

Oklch is ontworpen om visuele veranderingen gelijkmatiger te maken dan LCH wanneer tint of chroma verandert.