Seletor de cor e extrator de paleta

Pegue cores exatas de uma imagem, extraia a paleta e exporte como código.

Point at the picture to read a colour.

Mouse: move and click. Touch: drag your finger and lift to pick. Keyboard: arrow keys move the cross (Shift for 10 pixels), Enter picks.

Dominant colours

Median cut over the whole picture: the same picture always gives the same palette.

Under the cross

Point at the picture to read a colour.

Picked colours

Click the picture to add colours here.

O que faz

Abra uma imagem (ou cole uma captura) e passe o cursor: uma lupa mostra os pixels sob a cruz e a cor aparece em HEX, RGB, HSL e OKLCH, cada um com botão de copiar. Clique ou toque para guardar uma cor. A ferramenta extrai as cores dominantes, mostra quanto da imagem cada uma cobre e qual cor de texto fica legível sobre ela, e exporta a paleta como variáveis CSS, Tailwind, SCSS, JSON ou lista. Um verificador de contraste confere qualquer par pelo WCAG. A imagem não é enviada.

Precisão e paleta

No celular, arraste o dedo e a cor é escolhida ao soltar; no teclado, setas e Enter. Fotos têm ruído, então use a média de 3 × 3 ou 5 × 5. A paleta é calculada por median cut, sem aleatoriedade: a mesma imagem sempre dá a mesma paleta.

Contraste

Um laranja de foto (#f08c1e) chega só a 2,48:1 sobre branco, abaixo dos 4,5:1 do texto normal; a ferramenta sugere a cor mais próxima que passa (#b1620c). Para degradês e harmonias, use as ferramentas de cor.

Perguntas frequentes

Minha imagem é enviada?

Não. Ela é decodificada e lida no seu aparelho.

Por que o mesmo ponto dá cores um pouco diferentes?

Por ruído e compressão JPEG. Use a média de 3 × 3 ou 5 × 5.

A paleta sai igual da próxima vez?

Sim. O median cut não usa sorteio: mesma imagem, mesma paleta.