Color Picker

Pick any color and get its HEX, RGB and HSL values, a full tint-and-shade scale, and complementary color — with one-click copy for every format.

100% free No uploads Runs in your browser No signup

Color picker

HEX

RGB

HSL

Hue

160°

Saturation

100%

Lightness

30%

Luminance (WCAG)

0.237

Contrast (WCAG)

White text

3.65 : 1 · AA large only

Black text

5.75 : 1 · AA pass

Tints & shades

Harmonies

Click any swatch to load it into the picker. Contrast ratios follow WCAG 2.1: 4.5:1 for normal text, 3:1 for large text (18pt+). The tints & shades strip makes it easy to build a full UI palette from one brand color.

How to use the Color Picker

1
Open the tool above — it is already running, no install or account needed.
2
Enter your input and adjust the options to match what you need.
3
Copy or download the result — everything was processed locally in your browser.

Private by design

This tool runs 100% inside your own browser using local JavaScript — your input never touches a server. That makes it instant, offline-capable in many cases, and private even for sensitive data.

Related tools

IP Address Lookup

Geolocation, ISP and details for any IP

Regex Tester

Live pattern matching with highlights

Discord Webhook Deleter

Delete a webhook with its token

Discord Webhook Sender

Send messages & embeds to any webhook

IP Subnet Calculator

IPv4 CIDR ranges, masks and hosts

What Is My IP

See your public IP address and network

Box Shadow Generator

Design CSS shadows visually

Border Radius Generator

Per-corner radii with live preview