As cores direto da sua foto. Extraia as cores principais e copie como códigos HEX na hora.

Clique para escolher um arquivo

Escolher arquivo

JPG, PNG, WebP, HEIC e mais

Extrai as cores principais de uma única foto e as organiza numa paleta. É perfeito para montar um moodboard, escolher a combinação de cores de um design ou site, ou pegar os tons exatos de uma foto que você ama. Você vê uma barra de proporção junto com o %, o HEX e o RGB de cada cor de relance, e clicar numa cor copia o código HEX dela na hora.

Como usar

  1. 1Arraste uma imagem JPG, PNG ou WebP, ou clique para enviá-la.
  2. 2Defina o número de cores entre 3 e 10. Mudar o número reextrai a paleta na hora.
  3. 3Confira o %, o HEX e o RGB de cada cor na barra de proporção e nos cartões de cor.
  4. 4Clique em qualquer cor para copiar o HEX dela. Toque em Copiar CSS para pegar todas de uma vez como variáveis :root!

Dicas úteis

  • Menos cores mantêm os tons grandes e dominantes; mais cores captam os matizes intermediários sutis. Ajuste conforme o seu uso.
  • Copiar CSS agrupa todas as cores em variáveis :root, prontas para colar direto na sua folha de estilos.
  • O % da barra de proporção mostra quanta área cada cor ocupa na foto: útil para distinguir a cor principal das de destaque.

Perguntas frequentes

Não, a extração de cores acontece inteiramente no seu navegador e a foto nunca é enviada a um servidor. Ela só lê as cores, então o original nunca sai do seu dispositivo.

Cada cor vem com o HEX (ex. #7C3AED) e o RGB (ex. RGB(124, 58, 237)). Clique numa cor para copiar o HEX dela, ou use Copiar CSS para pegar todas de uma vez como variáveis :root.

De 3 a 10. Mude a quantidade com o controle deslizante e a paleta se reextrai na hora.

É a parte da área da foto que cada cor ocupa. Cores maiores ganham uma faixa mais larga, então você vê de relance qual cor comanda o clima da foto.