Lightness strip

The same lightness number across twelve hues, in hsl() and in oklch(), with what the browser measured for each swatch.

hsl(H 100% 60%)

  1. H 0…
  2. H 30…
  3. H 60…
  4. H 90…
  5. H 120…
  6. H 150…
  7. H 180…
  8. H 210…
  9. H 240…
  10. H 270…
  11. H 300…
  12. H 330…

oklch(60% 0.1 H)

  1. H 0…
  2. H 30…
  3. H 60…
  4. H 90…
  5. H 120…
  6. H 150…
  7. H 180…
  8. H 210…
  9. H 240…
  10. H 270…
  11. H 300…
  12. H 330…