Tool

Color Picker

Drag the canvas to pick a color visually. Adjust the hue slider, then copy the HEX, RGB, or HSL value in one click.

Hue — 217°

HEX#1D70F5

RGBrgb(29, 112, 245)

HSLhsl(217, 92%, 54%)

About the Color Picker

The color canvas uses the HSV model — hue on the slider, saturation left to right, brightness top to bottom. Dragging to the top-right gives you the most vivid version of any hue. Dragging down darkens it. Dragging left desaturates it toward white or grey.

HEX is what you paste into CSS and HTML — color: #1c60f6;. RGB is the numerical form used in image editors and some programming libraries. HSL is what you use when you want to programmatically lighten or darken a colour in CSS without recalculating by hand.

All values update live as you pick. Nothing is sent to a server — the entire tool runs in your browser.

Need to convert between formats? HEX to RGB → or RGB to HEX →

Explore more free tools: HEX to RGB · RGB to HEX · Password Generator · Word Counter

Color guides

What Is a Color Picker? →How color pickers work and what HEX, RGB, HSL actually mean.How to Pick Colors for a Website →A practical guide to choosing background, accent, and text colors.Color Picker for Designers →When to use HEX vs RGB vs HSL — and how to switch between them.