Palette from an image

Drop an image, click to choose, or paste — then click the picture to sample any pixel

Extracted palette — click a swatch to load it below

Color converter

Pick HEX RGB HSL

Contrast checker — WCAG 2.1

Text

Background

—

Big heading text Small body text at a normal reading size.

What the bench does

Palette — a median-cut quantizer picks the image's most representative colors. Click any swatch to send it to the converter.
Pick — click anywhere on the loaded image to sample that exact pixel.
Convert — type into any of HEX, RGB or HSL and the rest follow instantly; the OS color picker works too.
Contrast — the ratio and the WCAG AA/AAA pass marks tell you whether text will be readable. Aim for 4.5:1 for body text, 3:1 for large/bold text.

Part of K-Engine Local Tools — free, privacy-respecting utilities that run on your device. View-source and you're reading the whole tool. MIT licensed · download the source.