In the chromaticity diagram, is my Display-P3 screen mapping everything outside the triangle back into the triangle?
What are OKLCH colors?
11–20 of 189 posts
Re: What are OKLCH colors?
#12Seems nice. But how to pronounce it?
With great difficulty.
Re: What are OKLCH colors?
#13seems like a great idea, this will make working with colors so much easier
Re: What are OKLCH colors?
#14OKLCH: a color model based on OKLab (a perceptually uniform color space) where you control Lightness , Chroma (saturation), and Hue . "OK" because "it does an ok job" according to its creater Björn Ottosson.
He’s Swedish, so I bet OK is actually short for “Ottossons kulör” but he’s just being modest.
Re: What are OKLCH colors?
#15Wherever you're working with colors and text/emblems, please also consider contrast and legibility: https://apcacontrast.com/ >
While the above site is great for measuring with a modern contrast algorithm (it’s the current algorithm for the yet-to-be-released WCAG 3 accessibility standards), it’s worth bearing in mind that the WCAG 2 algorithm is somewhat different, and a legal requirement in many markets / industries. You can check your colours against that with a tool like https://www.siegemedia.com/contrast-ratio, although there are many more.
Re: What are OKLCH colors?
#16Nice post. OKLCH is quite handy but for writing colors in CSS I hope eventually we’ll get some form of OKHSL/OKHSV[1] so users don’t need to worry about gamut boundaries.
Re: What are OKLCH colors?
#17Seems nice. But how to pronounce it?
Like "okay lock" I would guess.
Re: What are OKLCH colors?
#18In the chromaticity diagram, is my Display-P3 screen mapping everything outside the triangle back into the triangle?
Yes, the diagram is a representation. Kind off like drawing 3D shapes on a 2D surface.
Re: What are OKLCH colors?
#19The “Better Gradients” thing is dodgy. OKLCH is a polar coordinate space. Hue is angle in this space. So to interpolate hue from one angle to another, to get from one side of a circle to the other, you go round the edge. This leads to extreme examples like the one shown: linear-gradient(in oklch, #f0f, #0f0) You can also go round the circle the other way, which will take you via blue–aqua instead of via red–yellow: l…
Very interesting. Is this just a limitation of our current hardware? How much of this problem would still exist if everyone had a wider gamut monitor, say full DCI-P3? That still doesn't cover the full gamut of Oklch, but would it make the problem practically disappear?
Re: What are OKLCH colors?
#20Aside from a few criticisms that others have already raised I think this is quite a nice introduction to OKLCH and how to use them in CSS.
With that out of the way, I'd like to go on a tangent here: can anyone explain the modern trend of not including publishing dates in blog articles? It stood out to me here in particular because the opening sentence said that "OKLCH is a newer color model" and the "newer" part of that sentence will get dated quicker than you think. The main site does mention a date, but limits it to "August 2025" so this seems like a conscious choice and I just don't get it.