Extrair gradientes de imagens
Escolhe pontos sobre uma imagem e transforma as cores deles num gradiente.
Escolhe pontos sobre uma fotografia, uma ilustração ou um logótipo e transforma as cores deles num gradiente pronto a usar em CSS ou em PNG. Está em logaco.com/ferramentas/extrair-gradiente.
A imagem não sai do teu dispositivo
A análise é feita no teu browser. A imagem não é enviada para o servidor do Logaco.
Passos
Carrega a imagem
Arrasta a imagem para a página, clica para a escolher ou cola-a com Ctrl + V. Aceita PNG, JPG, WebP ou SVG, até 20 MB.
Escolhe o ponto de partida
- Número de cores: de 2 a 6.
- Pontos ao longo da diagonal da imagem: põe os pontos numa linha de um canto ao outro.
- Cores dominantes, da mais clara à mais escura: usa as cores principais da imagem.
Cores muito parecidas ao longo da linha são juntadas numa só.
Ajusta as cores e as posições
- Arrasta os pontos sobre a imagem para mudar as cores.
- Arrasta os pontos na barra do gradiente para mudar onde fica cada cor (a lista mostra a posição em %).
- Clica numa zona livre da imagem para juntar uma cor (até 6).
Escolhe o tipo e o ângulo
Em Tipo e ângulo, escolhe Linear ou Radial. No linear, ajusta o Ângulo (0° a 359°); Seguir a direcção dos pontos volta ao ângulo calculado a partir dos pontos.
Usa o gradiente
- Copiar CSS copia a regra
background: …pronta a colar. - Descarregar PNG em 1920 × 1080 (horizontal), 1080 × 1080 (quadrado) ou 1080 × 1920 (vertical).
- Guardar guarda o gradiente (dá-lhe um nome na barra de baixo).
Atalhos de teclado
| Atalho | O que faz |
|---|---|
| Ctrl + V | Colar uma imagem |
| Setas (num ponto seleccionado) | Mover o ponto |
Sem conta e com conta
Tudo funciona sem conta. Guardar sem sessão iniciada guarda o gradiente neste dispositivo; com sessão, guarda-o na tua conta, em Minhas Paletas, de onde podes voltar a copiar o CSS.