Color Picker & Converter
Pick a colour and instantly get its HEX, RGB, HSL, HSV and CMYK values.
Quick swatches
What is a Color Picker & Converter?
A colour picker lets you visually select any colour and immediately get its value in every format you might need. Different tools and workflows use different colour formats: CSS uses HEX and RGB, design tools often use HSL or HSV, and print workflows use CMYK. Converting between them by hand involves maths โ this tool does it instantly.
You can use the native browser colour wheel, type a HEX value directly, or click any of the quick swatches. Every format updates in real time. Click the copy button next to any value to put it straight on your clipboard, ready to paste into CSS, Figma, Tailwind config, or wherever you need it.
How to Use
- Click the colour swatch to open the native colour picker, or type a HEX value directly.
- All format values (HEX, RGB, HSL, HSV, CMYK) update instantly.
- Click โฟป Copy next to any format to copy that value to your clipboard.
- Or click a quick swatch at the bottom to jump to a preset colour.
Frequently Asked Questions
Both use Hue (0โ360ยฐ) and Saturation (0โ100%). The difference is the third channel: HSL uses Lightness, where 50% is the "pure" colour and 100% is white โ used in CSS. HSV uses Value (also called Brightness), where 100% is the pure colour and 0% is black โ used in Photoshop and most design tools. A pure red is
hsl(0, 100%, 50%) and hsv(0, 100%, 100%).CMYK is a subtractive colour model designed for print, while RGB/HEX is additive and designed for screens. The conversion shown here is a mathematical approximation โ CMYK and RGB have different colour gamuts, so colours can look different when printed vs displayed on screen. For production print work, always rely on ICC colour profiles rather than a direct mathematical conversion.
No. All colour conversion happens entirely in your browser. Nothing is sent to any server, logged, or stored.