Color Picker & Converter — HEX, RGB, HSL, CMYK

Free color picker and converter. Convert between HEX, RGB, HSL, HSV, and CMYK color formats instantly. Pick colors and generate shades and tints.

Pick a Color

99
102
241
RGB rgb(99, 102, 241)
HSL hsl(239°, 84%, 67%)
HSV hsv(239°, 59%, 95%)
CMYK cmyk(59%, 58%, 0%, 5%)

Shades & Tints

How to Use

Click the color preview to open the system color picker, or type a HEX code directly.

Use the R, G, B sliders to fine-tune. All formats update in real time.

Copy any format (HEX, RGB, HSL, HSV, CMYK) or pick from the shades below.

What is a Color Picker?

A color picker lets you select a color visually and see it represented in different formats used in design and development. HEX is used in CSS, RGB is the standard screen color model, HSL is a more intuitive CSS format, HSV is common in design tools, and CMYK is essential for print. This tool converts between all five instantly and generates a range of shades and tints to help you build color palettes.

Frequently Asked Questions

What color formats are supported?
HEX (#FF5733), RGB (255, 87, 51), HSL (11°, 100%, 60%), HSV (11°, 80%, 100%), and CMYK (0%, 66%, 80%, 0%). All update in real time.
Can I paste a HEX code directly?
Yes. Type or paste any HEX code (with or without #) in the HEX input field and press Enter or click Convert. All other formats update instantly.
What is the difference between HSL and HSV?
HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value/Brightness) are both cylindrical color models. HSL is used in CSS. HSV is common in design tools like Photoshop.
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard color model for printing. Converting to CMYK helps you preview how a screen color will look when printed.
Is my color data saved?
No. Everything runs in your browser using JavaScript. No color data is sent to any server.

Share This Tool

Found it useful? Share it with your friends, classmates, or colleagues.

WhatsApp Facebook X Telegram LinkedIn