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.