Color Picker
Three ways to pick a color: browser eyedropper API (sample any pixel on screen), upload an image and click any pixel, or use the color wheel. Get HEX, RGB, HSL, OKLCH and Tailwind arbitrary class output.
#0EA5E9rgb(14, 165, 233)rgba(14, 165, 233, 1)hsl(199, 89%, 48%)hsla(199, 89%, 48%, 1)oklch(48.0% 0.445 199)[#0EA5E9]What powers the Color Picker
Browser eyedropper API — pick from anywhere on screen (Chrome/Edge/Opera)
Upload image and click any pixel to sample
Color wheel input
HEX, RGB, RGBA, HSL, HSLA, OKLCH outputs
Tailwind arbitrary class output
One-click copy for each format
Why the Color Picker is different
Browser-native
The Color Picker runs entirely in your browser. Input is processed locally — never uploaded, never logged, never cached anywhere outside your device.
No artificial limits
No daily quotas, no character ceilings, no "upgrade for more" walls. Every feature is the complete feature — the same on the first use as the thousandth.
Production-grade quality
Built to the same engineering bar as paid SaaS tools — accurate algorithms, audited logic, responsive design and accessibility-tested interactions.
Common use contexts
- Matching a brand color from a logo or screenshot
- Building a design palette by sampling reference images
- Picking colors from any UI on your screen (without saving as image first)
- Converting between color formats for code
Private and secure
Zero upload
All processing happens in your browser. Input is never transmitted, logged or cached.
Works offline
Once the page loads, the tool runs without an internet connection. No network calls happen during use.
No tracking
No accounts, no cookies for tool state. Only aggregate analytics count visits at the page level.