Colour Picker

Click anywhere on the left-hand gradient to pick a colour, or enter a Hex/RGB value below. The selected colour, lighter/darker shades and complementary palettes will update automatically.

Tip: you can click and drag on the gradient to fine-tune the colour.

Example Black text Example Black bold text Example White text Example White bold text

Hex #FFFFFF

RGB rgb(255, 255, 255)

Hex

R (0.255)

G (0.255)

B (0.255)

Lighter & Darker Shades

Top row: 10 lighter shades. Bottom row: 10 darker shades. Each swatch shows its Hex value.

Colour Harmonies

Generated from the selected colour (based on Hue rotation in HSL space).

Complementary

Split Complementary

Triad