Color Picker

Pick a colour and get its HEX, RGB and HSL codes plus tints and shades. Runs entirely in your browser.

HEX#15803d
RGBrgb(21, 128, 61)
HSLhsl(142, 72%, 29%)

Tints & shades

Processed on your device. This file is never uploaded.

  1. 1Pick a colour from the spectrum.
  2. 2Copy its HEX, RGB or HSL code.
  3. 3Grab a tint or shade from the row below.

A colour and everything around it

Pick a colour from the spectrum and this tool shows its HEX, RGB and HSL codes, plus a spread of tints and shades derived from it. That range is what you actually need in practice — a base colour rarely travels alone, it comes with the lighter and darker steps for states and surfaces.

Click to copy, all local

Every code and every shade copies with a click, and none of it leaves your device. It is a fast way to lift a whole mini-scale from a single colour choice.

Frequently asked questions