Color Picker
Pick colors and convert between HEX, RGB and HSL formats instantly. Copy color codes with one click. Free online color picker — no installation needed.
About this tool
The Color Picker lets you choose any color and instantly see its representation in HEX, RGB, and HSL formats. Whether you are designing a website, picking brand colors, or experimenting with palettes, this tool makes color conversion effortless.
All conversions happen locally in your browser with zero server calls. Edit any format directly and every other format updates in real time. Use the native color input for visual selection or type exact values for precision work.
infoQuick Reference
A 6-digit hexadecimal code preceded by #. Each pair represents red, green, and blue (00-FF).
Red, Green, and Blue channels each ranging from 0 to 255. The additive color model used by screens.
Hue (0-360), Saturation (0-100%), Lightness (0-100%). A more intuitive model for humans.
lightbulbTip
Click the copy button next to any format to copy the CSS-ready value to your clipboard. Paste it straight into your stylesheet.
Frequently Asked Questions
What color formats are supported?
The color picker supports HEX (#RRGGBB), RGB (0-255 per channel), and HSL (Hue 0-360°, Saturation 0-100%, Lightness 0-100%). All formats update in real-time as you pick a color.
How do I convert HEX to RGB?
Simply enter or paste a HEX color code (e.g., #3B82F6) and the RGB values will appear instantly. You can also use the visual color picker to select a color and see all formats at once.
Can I copy the color code?
Yes. Each color format has a copy button that copies the value to your clipboard with one click. Supported formats include HEX, rgb(), and hsl() notation.