Color Picker - Free Online, No Signup

Browse named colors

How do you get the HEX, RGB, HSL and CMYK values of a colour?

Pick a colour with the swatch or type a HEX code, and the same colour is shown as HEX, RGB, HSL, HSV and CMYK, each with a copy button. For example, #FF5733 is rgb(255, 87, 51), hsl(11, 100%, 60%), hsv(11, 80%, 100%) and cmyk(0%, 66%, 80%, 0%). A five-shade palette at 20% to 100% lightness is generated too.

How do you convert HEX to RGB by hand?

Split the six-digit HEX code into three pairs and convert each pair from hexadecimal to decimal. In #FF5733, FF is 255, 57 is 87 (5×16+7) and 33 is 51 (3×16+3), giving rgb(255, 87, 51). Each channel ranges from 00 (0) to FF (255), and #000000 is black while #FFFFFF is white.

Runs in your browser. Your files and text never leave your device - nothing is uploaded.

Why use Color Picker?

Color codes come in several formats because different tools and workflows expect different ones - CSS typically uses HEX or RGB, some design tools default to HSL for easier brightness adjustments, and print workflows need CMYK. Converting between them by hand means separate lookups or manual math. This tool shows all five common formats at once for any color you pick, so switching between a screen-based design tool and a print-ready file doesn't require re-deriving the value each time - plus a generated 5-shade palette for building a coordinated set of related colors from one starting point.

Key benefits

Five color formats shown at once, no repeated lookups
Automatic 5-shade palette generation
Instant conversion between formats
No software install required

Features

HEX, RGB, HSL, HSV, and CMYK simultaneous display
5-shade palette generated from your selected color
One-click copy per format

Popular use cases

Matching a brand color across a design tool that uses HEX and a print workflow that uses CMYK
Picking a color and getting its CSS-ready HEX or RGB value
Generating a coordinated shade palette from a single base color
Converting a color code between formats when switching design tools

How to use Color Picker

1
Pick a color
Using the color picker or by entering a HEX value.
2
Read the converted values
HEX, RGB, HSL, HSV, and CMYK shown simultaneously.
3
Copy the format you need
Or use the generated 5-shade palette.

Frequently asked questions

What's the difference between RGB and HSL?

Why does CMYK matter?

How is the 5-shade palette generated?

Reviewed by Raja Jahangir · Last reviewed: July 2026

Browse named colors

How do you get the HEX, RGB, HSL and CMYK values of a colour?

How do you convert HEX to RGB by hand?

Related tools