Keyboard interaction

KeyAction
Left and right arrowsOn the area, less or more chroma.
Up and down arrowsOn the area, lighter or darker.
Shift + arrow keysMove ten times as far.
Home and EndOn the area, no chroma or the most.
Page Up and Page DownOn the area, much lighter or darker.

Accessibility notes

  • The area’s thumb is a slider named “Color” that says both its values, such as “Lightness 62%, chroma 75%”. Hue and opacity are native range inputs.
  • Swatches are buttons named by their label, and pressed when they match the color.
  • AA and AAA say “passes” or “fails” in words, not only by color, and in forced colors mode the colors themselves stay.