×
Help & Instructions
Screen Color Picker
Click "Pick from Screen" to activate the eyedropper tool (Chrome/Edge 95+). Click anywhere on your screen to sample that color.
Fallback: If eyedropper is not supported, use "Upload Image" to load an image and click on it to sample colors.
Manual Color Selection
• Drag in the color picker square to adjust hue and saturation
• Use the hue slider to change the base color
• Adjust brightness and alpha with sliders
• Enter HEX values directly in the input field
Keyboard Shortcuts
• Ctrl+Z - Undo
• Ctrl+Y - Redo
• Ctrl+Shift+C - Activate screen picker
• Esc - Cancel picker/close modal
• Tab - Navigate controls
Palette Management
• Click "Save to Palette" to add current color
• Enable "Remember Palettes" to persist across sessions
• Export palette as JSON, PNG, or CSS variables
• Click saved colors to reselect them
Image Sampling (Fallback)
When eyedropper is unavailable:
1. Click "Upload Image" or paste/drag an image
2. Click anywhere on the image to sample that pixel's color
3. The color will be automatically selected
Browser Support
Eyedropper API: Chrome/Edge 95+, Opera 81+
Fallback mode works on all modern browsers.