Gerador de Gradiente a partir de Imagem

Todas as ferramentas
Gerador de Gradiente a partir de Imagem
Extraia um gradiente bonito de qualquer fotografia — largue uma imagem, escolha um mood e as cores dominantes tornam-se pontos de gradiente arrastáveis. Copie CSS pronto a colar instantaneamente.
Arraste e largue uma imagem aqui

ou clique para procurar — também pode colar da área de transferência

Tudo corre no seu browser — a sua imagem nunca é enviada, sem registo, completamente gratuito.

Imagem fonte
A ler as cores…
Imagem fonte
Mood
Cores extraídas
Estas são as cores dominantes extraídas da sua imagem. Clique numa amostra para copiá-la, ou arraste os pontos abaixo para afinar o gradiente.
Pré-visualização do gradiente
Tipo de gradiente
Ângulo
°
Pontos de cor
Arraste um ponto para o reposicionar, ou clique na barra para adicionar um. Selecione um ponto para editar a sua cor.
Ponto selecionado
%
CSS
background: —;
Partilhar
Ferramentas Relacionadas
Gerador de Gradientes

Construa gradientes CSS lineares, radiais e cónicos de raiz com controlo de múltiplos pontos arrastáveis e predefinições selecionadas. Copie CSS pronto a colar instantaneamente.
Extrator de Cores de Imagem

Extraia uma paleta refinada e pronta a copiar de qualquer imagem.
Gerador de Paletas de Cor

Construa paletas de cores harmoniosas a partir de uma roda de cores interativa — aplique regras de harmonia como análoga, complementar ou tríade, e copie qualquer valor instantaneamente.
Pesquisas populares
gradiente a partir de imagem extrair gradiente de foto imagem para gradiente css gerador de gradiente de foto criar gradiente de imagem gradiente css a partir de imagem

Adicione esta ferramenta gratuita ao seu próprio site — copie e cole o código abaixo.