Extrair cor da imagem

Combinação automática de cores com base em fotos e imagens. Faça upload de uma imagem, defina um esquema de 10 cores principais e veja como elas combinam na página da web

Arraste e solte um arquivo ou selecione adicionar imagem
www.gradients.app — pick colors from image
{{ color.hex }}

Cores de destaque

Cores brilhantes da paleta, destacam detalhes importantes e atraem atenção 🔥

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

#{{color}}
#{{color}}

Vamos ajudá-lo a escolher a cor do texto e do fundo

Cores contrastantes tornam seu conteúdo ainda melhor 🤩

Cores suaves

Apropriadas para notificações, cartões de informações e outros blocos 👍

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

Cores claras

Ideais para fundos e substratos 😺

#{{color}}

Cores escuras

Podem ser usadas para texto e cabeçalhos 📝

#{{color}}

Inverter cores

O lado reverso da paleta de cores. Contrasta bem com as cores do seu esquema. 🦇

#{{invertColor(getColor(1))}}
#{{invertColor(getColor(2))}}
#{{invertColor(getColor(3))}}
#{{invertColor(getColor(4))}}
#{{invertColor(getColor(5))}}
#{{invertColor(getColor(6))}}
#{{invertColor(getColor(7))}}
#{{invertColor(getColor(8))}}
#{{invertColor(getColor(9))}}
#{{invertColor(getColor(10))}}

Ferramentas

Olá,
prazer em vê-lo!

Esqueceu a senha?

Digite o endereço de e-mail que você usou ao se cadastrar e nós enviaremos instruções para redefinir sua senha.

Criar
uma nova conta

Senha não corresponde

Conheça os Gradientes de Malha

Adicionamos um gerador de gradientes de malha e uma nova biblioteca de malha para você enriquecer com seus gradientes. Agora você pode criar gradientes abstratos bonitos, baixá-los, copiar seus códigos CSS, salvá-los no seu painel pessoal e adicioná-los à biblioteca pública.

Em breve adicionaremos um gerador de gradientes radiais!

Gradientes de malha