What colour formats are supported?

HEX, RGB, RGBA, HSL, HSLA, and CSS named colours.

Can I convert between formats?

Yes — select any colour and all format values update simultaneously.

The eyedropper uses the browser's EyeDropper API, supported in Chrome, Edge, and Opera.

Click the + button to add colours to your palette. Colours persist in your browser's local storage.

Pick colors from any format and convert between HEX, RGB, HSL. Works in your browser. Free, no signup.

No sign-up Batch convert 100% free

HEX Value

Presets

HEX#6366F1

RGBrgb(99, 102, 241)

HSLhsl(239, 84%, 67%)

RGBArgba(99, 102, 241, 1)

White text on this color

Black text on this color

This color as text

How useful is Color Picker?

Click anywhere on the colour wheel or spectrum to select a colour

Fine-tune using the hue, saturation, and lightness sliders

Copy the colour value in your preferred format — HEX, RGB, or HSL

Use the eyedropper tool to pick colours from your screen

Format and beautify JSON data with syntax highlighting.

Validate JSON syntax and find errors instantly.

Create beautiful CSS gradients visually and copy the code.

Test and debug regular expressions with real-time matching.

Generate placeholder text for designs and mockups.

Format and indent HTML code for better readability.