Gerador de gradiente radial CSS
Crie gradientes CSS visualmente: tipo linear, radial ou cônico, controle deslizante de ângulo e até seis pontos de cor com visualização ao vivo de largura total e código copiável.
Resultado
Esta página abre o gerador de gradiente com o tipo radial já selecionado: as cores irradiam para fora do centro do elemento em círculos concêntricos, e cada parada que você altera repinta a visualização instantaneamente.
radial-gradient() é a ferramenta para efeitos de destaque e brilho, vinhetas suaves e fundos que precisam de um ponto focal em vez de uma direção. As posições de parada em porcentagem são mapeadas para a distância do centro - 0% é o meio, 100% a borda mais distante - portanto, apertar as primeiras paradas cria um pequeno núcleo brilhante, espalhá-las cria uma lavagem ampla.
Copie a linha de fundo quando a visualização parecer correta. O controle deslizante de ângulo fica oculto neste modo porque um círculo não tem direção — volte para linear ou cônico e ele reaparecerá.