Screen Color Picker
Use system eyedropper to pick colors anywhere and copy HEX / RGB / HSL.
Contrast5.71:1
White Text 3.7
Black Text 5.7
Click "Pick Color" to select from screen
Current Color
#3B82F6
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Pick History
0No history yet
About This Tool
Powered by the browser EyeDropper API, the screen color picker samples colors from anywhere on screen for UI design, brand color matching, and asset verification. After picking, you can copy HEX / RGB / HSL instantly and keep recent picks for quick comparison. It also supports manual HEX input with synchronized preview and format conversion, all processed locally.
Features
- 🖥️ System Sampling: EyeDropper picks colors anywhere on screen
- ⚡ One-Click Copy: Copy HEX / RGB / HSL instantly
- 🌈 Contrast Check: Real-time WCAG contrast & readability
- 🧾 Pick History: Save recent colors for reuse
- ✍️ Enhanced Input: Supports HEX / RGB parsing
- ✨ Clear Preview: Large swatch with contrast text
- 🛡️ Local Processing: Everything runs in your browser