alt/repo
alternative-repository
Labs

Color Palette Extractor from Image

Pull a clean color palette out of any image right in your browser. Drop a photo, screenshot, or logo and get the dominant colors as HEX, RGB, HSL, and OKLCH, or pick an exact pixel with the magnifier. Every swatch is named, copyable, and ready to export as CSS variables, Tailwind config, JSON, or a PNG sheet. Everything happens on your device, so your image is never uploaded.

Image

Drop an image, click to browse, or paste PNG, JPG, WEBP, or GIF. Stays on your device.
Colors 6

Palette

Open in Color Contrast Checker

Export

Frequently asked questions

How do I get the exact color of one pixel?

Switch to Pick pixel mode, then click anywhere on the image. The magnifier loupe helps you target the exact spot, and each click adds that color to your palette.

What is OKLCH and why is it included?

OKLCH is a modern, perceptually uniform color space supported in CSS. It makes lightness and chroma adjustments predictable, so it is handy for building accessible design tokens alongside HEX, RGB, and HSL.

Can I check the palette for contrast and accessibility?

Yes. Use the Open in Color Contrast Checker button to send your palette to ALT Color Contrast Checker, a dedicated tool with WCAG 2.2 and APCA contrast checks plus color vision simulation.