Gerador de gradientes de cor
Crie gradientes lineares CSS com cores e direções personalizadas.
O Gerador de gradientes de cor cria declarações CSS linear-gradient a partir de duas ou mais cores. Escolha uma direção e copie o valor de estilo pronto para uso.
Direção
1
2
Como usar
- Adicione ou remova cores de gradiente.
- Escolha uma direção como to right ou 45deg.
- Copie o valor CSS gerado.
Perguntas frequentes
Quantas cores posso usar?
Entre 2 e 6 cores são suportadas.
As cores podem ser compartilhadas?
Sim, cores e direção são armazenadas nos parâmetros de consulta.
Ferramentas relacionadas
Gerador de paletas de cores
Crie paletas de cores harmoniosas com modos aleatório, análogo, complementar e triádico.
Conversor de cores
Converta cores entre HEX, RGB, HSL e HSV instantaneamente.
Verificador de contraste de cores
Verifique taxas de contraste WCAG para texto e interface acessíveis.
Simulador de daltonismo
Veja como imagens aparecem para os tipos comuns de daltonismo.
Gerador de tons de cor
Gere escalas de tons claros e escuros com variáveis CSS exportáveis.
Localizador de nomes de cores
Encontre o nome de cor CSS mais próximo para qualquer valor de cor.