Calipers

Colour Picker

Colour picker mode lets you sample colours from elements on the page and copy them in the format you need.

How it works

  1. Switch to Colour picker mode — press 4.
  2. Hover over any element.
  3. The panel shows sampled colours: background, text, and border where applicable.
  4. Click a swatch to copy it in the active format.

Output formats

Toggle between three formats in the panel:

  • HEX — #4A9EFF or #4A9EFF80 with alpha
  • RGB — rgb(74, 158, 255) or rgba(74, 158, 255, 0.5)
  • HSL — hsl(210, 100%, 65%)

Values are read from window.getComputedStyle(), so they reflect the rendered colour — including inherited and computed values.