Generador de Degradados CSS

Crea un degradado CSS con vista previa en vivo. Elige lineal o radial, apila de dos a ocho paradas de color, escoge hex / rgb() / hsl() para la salida, y copia el fragmento. Ocho preajustes para empezar. Todo se queda en tu navegador.

Preajuste

Sunset Ocean Mint Mono Rainbow Spotlight Peach Lavender

Tipo de degradado

Lineal Radial

Ángulo deg Formato Hex rgb() hsl()

Vista previa —

Paradas

+ Añadir parada − Quitar

Arrastra el deslizador de posición o escribe un número (0–100). Las paradas se ordenan automáticamente por posición.

CSS

Pegar y analizar Copiar