Color Picker
Choose a color and see it converted to HEX, RGB, HSL and HSV instantly. Your pick is never sent to a server.
How to pick a color
- Use the native color chooser, or type a HEX value such as #3366FF into the text box.
- Read the matching HEX, RGB, HSL and HSV values as soon as you pick.
- Click Copy next to any value to paste it into your code or design tool.
- Browse your recent picks or the complementary swatches for quick reuse.
FAQs
What do HEX, RGB, HSL and HSV mean?
HEX is a six-digit hex code, RGB mixes red, green and blue light, HSL uses hue, saturation and lightness, and HSV uses hue, saturation and value.
Are my colors stored or uploaded?
No. Colors never leave your device, and your recent picks are stored only in your browser's local storage.
Can I copy a color to the clipboard?
Yes. Every HEX, RGB, HSL and HSV value has a Copy button that places it on your clipboard.
Does the color picker work on mobile?
Yes. The page is fully responsive and uses the native color chooser of your phone or tablet.
Related Tools
Why use a color picker?
Use the Color Picker when you need to grab a hex code from your design and see how it translates to RGB, HSL and HSV for CSS, code or design tools.
- Grab a hex code from your design and match it exactly in your CSS or Figma file.
- Read the RGB or HSL equivalent of any color for code or print workflows.
- Explore complementary and analogous swatches to build a quick color scheme.
Tips and Limits
All conversions round-trip exactly for standard sRGB colors, and the tool runs locally in your browser, so nothing you pick is ever uploaded.