Pick Any Color
Pick any color from your screen and get hex, RGB, HSL values
#6366f1
HEX
#6366f1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
How it works
Your browser does not support the EyeDropper API, so a native color input is provided as a fallback. Color values are converted between HEX, RGB, and HSL formats in real time. You can also type a hex code directly. Your last 10 picked colors are saved for quick access.
Frequently Asked Questions
How does the color picker work?
This tool uses the EyeDropper API, which lets you sample any color visible on your screen. Click the pick button, then click anywhere on your screen to capture that pixel's color. It works across windows and applications, not just the browser.
What color formats are provided?
The tool provides colors in three formats: HEX (#FF5733), RGB (rgb(255, 87, 51)), and HSL (hsl(14, 100%, 60%)). HEX is most common in web design, RGB is standard in CSS, and HSL is intuitive for adjusting hue, saturation, and lightness.
Why is the EyeDropper not available in my browser?
The EyeDropper API is currently supported only in Chromium-based browsers (Chrome 95+, Edge 95+, Opera). Firefox and Safari don't support it yet. In unsupported browsers, the tool falls back to a standard color input.
Can I pick colors from outside the browser?
Yes, when the EyeDropper API is supported, you can pick colors from anywhere on your screen — other applications, your desktop wallpaper, images in other windows. The eyedropper magnifies the area under your cursor for precision.
You might also like
🖥️ 📐 🌗 📱
Screen Resolution
Check your screen resolution, viewport size, and pixel ratio
Monitor PPI
Calculate your monitor PPI from screen size and resolution
Dark Mode Detector
Detect your system color scheme, contrast, and motion preferences
QR Code Generator
Generate a QR code from any URL or text and download it