Runs locally
Color Picker
Processed on your device ยท No uploadsPick a color and copy HEX, RGB & HSL values.
#FF0000
RGB 255, 0, 0
HEX
RGB
R
G
B
HSL
hsl(0, 100%, 50%)
How to Use the Color Picker
- Click or drag on the saturation-value area to choose a color.
- Use the hue slider at the bottom to change the base hue.
- View and copy the HEX, RGB, or HSL values.
The color picker lets you choose a color directly on screen and get its HEX, RGB, and HSL values. It's a quick way to grab and copy color codes for web and app design, documents, or coding. Adjust hue, saturation, and brightness to dial in exactly the shade you want.
HEX vs RGB vs HSL
HEX (#RRGGBB) is the most common notation on the web, RGB describes the three primary colors of light, and HSL (hue, saturation, lightness) is the most intuitive to adjust by hand. The same color is shown in all three formats, so copy whichever one you need.
Need a color from a photo?
If you want a color from an image rather than picking one on screen, use the image color picker. Click anywhere in a photo to extract that exact color.
Frequently Asked Questions
- Can I enter a HEX code directly?
- Yes, type a color code into the HEX input field and the picker will jump to that color.
- How is this different from the image color picker?
- This is a standalone color chooser. The image color picker extracts colors from uploaded images.
- What color models are supported?
- The picker uses HSV (Hue-Saturation-Value) and outputs values in HEX, RGB, and HSL formats.
- Can I type in a HEX code?
- Yes. Enter a code in the HEX field and the picker jumps to that color.
- How do I copy a color value?
- Click the displayed HEX, RGB, or HSL value to copy it to your clipboard.