🎨

Color Picker

Pick any color and get HEX, RGB, HSL, and CMYK values. Interactive color wheel with direct value input.

Pick a Color
RGB Sliders
109
40
217
HSL Sliders
263°
70%
50%
Color Values

HEX

#6D28D9

RGB

rgb(109, 40, 217)

HSL

hsl(263, 70%, 50%)

CMYK

cmyk(50%, 82%, 0%, 15%)

How It Works

This color picker lets you select any color using an interactive interface or by entering values directly in HEX, RGB, or HSL format. The tool instantly converts between all color formats: HEX (web), RGB (screen), HSL (hue/saturation/lightness), and CMYK (print). Click any value to copy it to your clipboard.

Frequently Asked Questions

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

HEX is a 6-character code used in web design (#FF5733). RGB defines color by Red, Green, Blue values (0-255). HSL uses Hue (0-360°), Saturation (0-100%), and Lightness (0-100%), which is more intuitive for humans to understand.

When should I use CMYK?

CMYK (Cyan, Magenta, Yellow, Key/Black) is used for print design. If you're designing for screens (websites, apps), use HEX or RGB. If you're designing for print (business cards, flyers), use CMYK.

How do I find the exact color from a website?

Use your browser's developer tools (F12) and the element inspector to click on any element and see its CSS color values. Most browsers also have a built-in eyedropper tool in the color picker.