Color Picker
Upload an image to auto-extract its dominant palette, click any pixel with the eyedropper for exact values, and copy HEX/RGB/HSL in one tap — borrowing color schemes from great work has never been this direct.
Click to select images, or drag them here
You can also paste a screenshot directly
Auto-extracts a dominant palette + per-pixel eyedropper; analyzed locally, never uploaded
Great color schemes are rarely invented from thin air — they are borrowed from the real world: the warm orange gradient of a sunset photo, the clashing colors of a poster, the interface palette of a well-made product. See a good scheme, screenshot it, drop it in, and the palette breaks down its color structure instantly.
Once you have the dominant colors, HSL is the handiest format for extending them: lock hue and saturation, raise lightness for a hover state and lower it for active; or keep lightness fixed and shift hue for matching secondary colors. Far more controllable than nudging HEX blindly.
Frontend developers can paste the values straight into CSS variables or a Tailwind config. When sampling official brand colors from brand materials, click a few spots with the eyedropper to confirm — printed scans often carry slight color shifts, and the cleanest pixels sit at the center of a solid area.