🎯 Screen Color Picker
Use eyedropper tool to pick colors from anywhere on screen
Pick Color from Screen
Uses EyeDropper API (Chrome/Edge 90+)
Current Color
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
CMYK
cmyk(59%, 58%, 0%, 5%)
📜 Color History
Quick Convert
CSS Export
/* Click pick color to start */
🎨 Color Harmony
Complementary
Analogous
Triadic
♿ Accessibility
On White
--
On Black
--
📖 How to Use
1
Click Pick Color
Click the "Pick Color" button to activate the eyedropper tool.
2
Select Any Color
Move your cursor anywhere on screen and click to pick a color.
3
Copy & Use
Copy the color in any format (HEX, RGB, HSL, CMYK) for your projects.