Gerador de gradientes
Visualize um gradiente e copie o CSS.
Gerador de gradientes
Make it yours
Adjust the values, then get your result.
Como usar Gerador de gradientes
Gradient generator builds a two-color CSS linear gradient. You pick the first and second colors and an angle from 0 to 360 degrees, see a preview swatch, and get a ready-to-paste background declaration such as linear-gradient(135deg, ...). The CSS can be copied or downloaded as gradient.css.
- Digite os valores solicitados no painel de configurações.
- Configure a primeira cor, a segunda cor e o ângulo (graus).
- Execute o gerador de gradientes, revise a saída e use os controles disponíveis para copiar ou baixar.
O que esta ferramenta suporta
Visualize um gradiente e copie o CSS.
- Primeira cor
- Set this value for your task.
- Segunda cor
- Set this value for your task.
- Ângulo (graus)
- Range: 0 to 360
Limites e processamento
As imagens são limitadas a 32 megapixels e 16,000 pixels por lado. A maioria das operações aceita uma fonte; as operações em lote compatíveis geram um arquivo ZIP.
Perguntas frequentes
How do I make a CSS linear gradient?
Choose two colors and an angle, then run the tool. It outputs a line like background: linear-gradient(135deg, #ed854b, #f4d9c5); that you can paste into any CSS rule.
What does the gradient angle mean?
The angle sets the direction of the gradient line in CSS degrees. 0 runs bottom to top, 90 runs left to right, 180 runs top to bottom, and the default 135 runs diagonally toward the bottom right.
Can I add more than two colors to the gradient?
No. This generator creates gradients with exactly two color stops. You can edit the copied CSS by hand to insert extra colors between the first and second values.
Onde minha entrada é processada?
Esta operação processa sua fonte no seu navegador. Copiar e baixar são ações explícitas; a entrada de origem não é salva em conta nem em histórico.
Quais são os limites de entrada?
As imagens são limitadas a 32 megapixels e 16,000 pixels por lado. A maioria das operações aceita uma fonte; as operações em lote compatíveis geram um arquivo ZIP.