Generador de degradados

Todas las herramientas
Generador de degradados
Crea degradados CSS lineales, radiales y cónicos desde cero con control de múltiples paradas arrastrables y presets seleccionados. Copia el CSS listo para pegar al instante.
Previsualización en vivo
Presets
Tipo de degradado
Ángulo
°
Paradas de color
Arrastra un controlador para mover una parada, o haz clic en la barra para añadir una. Selecciona una parada para editar su color.
Parada seleccionada
%
CSS
background: —;

Todo se calcula en vivo en tu navegador — sin registro, completamente gratis.

Compartir
Herramientas relacionadas
Generador de degradado desde imagen

Extrae un degradado hermoso de cualquier foto — suelta una imagen, elige un mood, y los colores dominantes se convierten en paradas de degradado arrastrables. Copia el CSS listo para pegar al instante.
Generador de paletas de color

Crea paletas de color armoniosas desde una rueda de color interactiva — aplica reglas de armonía como análoga, complementaria o tríada, y copia cualquier valor al instante.
Mezclador de colores

Mezcla un color inicial con un color final en hasta 10 pasos — previsualiza el degradado, captura cada tono y copia cualquier formato al instante.
Búsquedas populares
generador de degradado creador de degradado css generador de degradado lineal creador de degradado radial degradado cónico css generador de degradado gratis

Añade esta herramienta gratuita a tu propio sitio web: copia y pega el código de abajo.