Color Picker

Convert between HEX, RGB, and HSL color formats instantly. Perfect for web design and CSS.

HEXRGBHSLConvert
Preview

Color Value:

#7C3AED

Formats

All color conversion happens locally in your browser — your data never leaves your device.

Color Picker lets you work with colors in multiple formats — HEX, RGB, and HSL.

Convert between color formats instantly and copy values for use in design and development.

Get precise color values for web design, CSS, graphics, and UI development.

HEX Format

#FF5733

Hexadecimal color format used in CSS and web design

RGB Format

rgb(255, 87, 51)

Red, Green, Blue color format with values 0-255

HSL Format

hsl(9, 100%, 60%)

Hue, Saturation, Lightness format for intuitive color control

Invalid color format

HEX input must be 3 or 6 characters, starting with #.

Use format like #FF5733 or #F57

Color not converting properly

Invalid characters or incorrect format.

Ensure HEX uses only 0-9 and A-F characters

What's the difference between HEX, RGB, and HSL?

HEX is a hexadecimal format (#RRGGBB). RGB specifies red, green, blue values (0-255). HSL uses Hue (angle), Saturation, and Lightness for more intuitive color selection.

How do I use these colors in CSS?

Use HEX format as color: #FF5733; or RGB as color: rgb(255, 87, 51); or HSL as color: hsl(9, 100%, 60%);

Can I pick colors from images?

This tool converts between formats. For picking from images, use browser dev tools or dedicated eyedropper tools.

What is color saturation?

Saturation indicates how vivid a color is. 0% is grayscale, 100% is full color intensity.