Extraia ou converta cores.

Quando você precisa trabalhar com cor de verdade

Quem trabalha com design, site ou identidade visual eventualmente precisa descobrir o código exato de uma cor que só existe numa imagem — a cor de fundo de uma foto de referência, o tom de uma logomarca recebida em PNG, a paleta de uma inspiração salva do Pinterest. Sem uma ferramenta certa, é tentativa e erro no olho.

E do outro lado, converter entre HEX, RGB e HSL é necessário o tempo todo em CSS, Figma, After Effects e qualquer programa que lide com cor — cada ferramenta prefere um formato diferente, e fazer essa conversão de cabeça não é prático.

Ficha técnica

Minha imagem vai pra algum servidor?

Não. A extração de cores é feita localmente, lendo os pixels da imagem via Canvas.

Como as cores dominantes são escolhidas?

Agrupamos os pixels por faixas de cor parecidas e mostramos os grupos mais frequentes na imagem.

Qual a diferença entre HEX, RGB e HSL?

HEX (tipo #EB3FD6) é o formato mais usado em CSS e design. RGB expressa a cor em vermelho/verde/azul de 0 a 255. HSL descreve por matiz, saturação e luminosidade — mais intuitivo pra ajustar "essa cor, só mais clara" ou "mais saturada".

A paleta extraída serve pra criar uma identidade visual?

Serve como ponto de partida — mostra quais cores predominam numa imagem de referência, útil pra montar uma paleta coerente com uma inspiração visual.