Color Picker
FreeVisual spectrum picker with HEX, RGB, HSL output and one-click copy
colorpickerhexrgbhsl
All Color ToolsRelated tools
How it works
1
Pick
Click anywhere on the color canvas or enter a value in any supported format.
2
Convert
The tool instantly converts your color to HEX, RGB, HSL, and CMYK.
3
Copy
Click any output value to copy it to your clipboard, ready to paste into your code or design tool.
Frequently asked questions
What color formats does the Color Picker support?+
It supports HEX, RGB, HSL, and CMYK. You can input a color in any of these formats and the tool converts it to all others instantly.
Is my color data sent to a server?+
No. All conversions run in your browser using JavaScript. No color data leaves your device.
Can I use this to match a color from an existing design?+
Yes. Enter the HEX or RGB value from your design tool and the picker will show you the equivalent in every other format so you can use whichever your project requires.
What is the difference between RGB and HSL?+
RGB defines color by red, green, and blue channel values. HSL defines it by hue, saturation, and lightness, which many designers find more intuitive for adjusting color variations.
When would I need CMYK values?+
CMYK is the standard color model for print design. Use the CMYK output when preparing assets for physical printing such as business cards, posters, or packaging.