Kostenloser Farb- und Design-Extraktor

Bild ablegen und dominante HEX-, RGB- und HSL-Farben im Browser extrahieren. CSS sofort kopieren. 100 % Verarbeitung im Browser. Absolute Privatsphäre, keine Uploads — Dateien verlassen dieses Gerät nicht.

Drop an imagePixels stay on this device — Canvas extracts the palette locally

Contrast checker

WCAG text contrast for any two HEX colors, including palette swatches.

TextBackground

The quick brown fox

17.93:1 · normal AAA · large AAA

Color sampling uses the HTML5 Canvas API in this tab. Nothing is uploaded or stored.

How to extract a color palette

Drop a JPEG, PNG, WebP, or GIF into the zone.
Wait a moment while Canvas reads pixels on this device.
Copy HEX, RGB, or HSL, or check WCAG contrast. Nothing is uploaded.

Häufige Fragen

Does the image leave my computer?

No. The file is drawn onto an HTML5 canvas in this tab. Pixels are never sent to UtilityAll.

How are colors chosen?

The tool groups similar pixels and ranks the largest groups, then skips near-duplicates so the palette stays distinct.

What does Copy code copy?

A CSS snippet with background-color in HEX and a comment for RGB and HSL.

Is this a full design system?

It is a fast local extractor for dominant colors, not a brand-kit generator.