Color Picker
Pick colors and get HEX, RGB, HSL values
Pick colors and get HEX, RGB, HSL, and HSV values instantly. Use the eyedropper to sample colors from your screen.
How to Use Color Picker
- 1Use the color wheel or sliders to choose a color
- 2Or click "Pick from Screen" to use the eyedropper tool
- 3View HEX, RGB, HSL, and HSV values instantly
- 4Click any value to copy it to clipboard
- 5Explore the color palette for nearby shades
Features
- Interactive color wheel and sliders
- Real-time HEX, RGB, HSL, and HSV output
- Screen eyedropper using the EyeDropper API
- One-click copy for any color format
- Recent colors history
- Color palette generator for the selected color
Frequently Asked Questions
What is the eyedropper tool?
The eyedropper lets you click anywhere on your screen to sample that color. It uses the browser's built-in EyeDropper API (Chrome 95+, Edge 95+).
Which browsers support the eyedropper?
Chrome 95+, Edge 95+, and Opera 81+ support the EyeDropper API. Firefox and Safari do not yet support it natively.
What's the difference between HEX, RGB, and HSL?
HEX is the web standard format (#RRGGBB). RGB expresses colors as red/green/blue components (0–255 each). HSL uses hue, saturation, and lightness — often easier for humans to reason about.