Raval
220

Colours & Typography

Colours and typography are part of Inspect mode. There is no separate colour picker mode.

How it works

  1. In Inspect mode, click a word of text or an element.
  2. Open the Typography or Colours section in the details panel.
  3. Click any value to copy it.

Colour formats

Switch between three formats in the Colours section, or press F:

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

Typography

Clicking text shows the font, size, weight, line height, and letter spacing. Copy CSS copies them all as CSS declarations, including the text colour.

Values are read from window.getComputedStyle(), so they reflect what is rendered. The font shown is the first family in the CSS font stack.