Color Picker & Converter - HEX, RGB, HSL
Pick colors visually and convert between HEX, RGB, and HSL formats. Copy any color value to your clipboard instantly.
Runs in your browser. No data leaves your device.
Frequently Asked Questions
How does the Color Picker work?
The picker renders an HSL color space: the hue slider selects a base hue (0-360 degrees), and the saturation-lightness area maps to a 2D canvas where the X axis is saturation and the Y axis is lightness. Mouse/touch coordinates are converted to HSL values, which are then mathematically converted to RGB (using the standard HSL-to-RGB formula) and to HEX (formatting each RGB channel as a two-digit hexadecimal number).
What color formats are supported?
HEX (like #FF5733), RGB (like rgb(255, 87, 51)), and HSL (like hsl(11, 100%, 60%)). All three formats update simultaneously as you pick a color, and you can copy any format with one click.
Can I paste a color code to see it visually?
Yes. Type or paste any HEX, RGB, or HSL value into the input fields and the color picker updates to show that color visually. This works in all three formats.
What is the difference between RGB and HSL?
RGB defines colors by red, green, and blue channel intensity (how screens display color). HSL defines colors by hue, saturation, and lightness, which is more intuitive for picking colors -- you choose a hue, then adjust how vivid and how bright it is.