619 / 627

OKLCH gamut

Every pixel is one colour at the chosen hue, lightness upwards and chroma across, converted from OKLCH to linear sRGB and linear Display P3 in script.

  • The two hairlines are the edges of the gamuts, found by bisection on every row, and past the P3 edge the plane is grey.
  • The dots are the ramp as the page renders it, read from the tokens and converted back to OKLCH.
  • The plane is drawn only when the hue, the size or the theme changes, in slices of about 8 ms with scheduler.yield between them.
Shelf
Engineering
Group
Tokens 06 of 06
Theme
Light and dark
Live pointer
7 steps, until you take over