Degradados de color CSS
Degradados listos para usar, cálidos, fríos, pastel, vivos u oscuros: copia el código CSS o ábrelos en el creador de degradados.
Colecciones creadas por KSPNAI, de uso libre.
Sobre esta herramienta
Esta biblioteca ofrece 70 degradados de color CSS listos para usar, creados por KSPNAI y de uso libre. Son degradados lineales de dos o tres colores, ordenados en siete temas: cálidos, fríos, pastel, vivos, oscuros, naturaleza y atardecer. Sirven como fondo de una web, para un banner, un botón o una imagen para redes sociales.
Cada degradado muestra una vista previa y sus códigos HEX. Al pulsar Copiar CSS, se copia en el portapapeles una línea background: linear-gradient(…) lista para pegar en tu hoja de estilos. Para cambiar el ángulo o los colores, o exportar una imagen, pulsa Editar: sus colores se abren en el creador de degradados. El tema filtrado se guarda en la dirección de la página.
- 70 degradados lineales de 2 o 3 colores
- 7 temas, de cálidos a oscuros
- Copia el código CSS con un clic
- Código HEX de cada color visible
- Edición en el creador de degradados
Cómo usarla
- Elige un tema en los filtros o quédate en Todos.
- Localiza un degradado por su vista previa.
- Pulsa Copiar CSS y pega el código en tu hoja de estilos.
- Pulsa Editar para ajustarlo en el creador de degradados.
Preguntas frecuentes
¿Qué código se copia exactamente?
Una declaración CSS completa, por ejemplo background: linear-gradient(135deg, #c87023 0%, #30b075 100%); que puedes pegar tal cual en una regla CSS.
¿Puedo usar estos degradados libremente?
Sí, son colecciones creadas por KSPNAI y de uso libre, para una web, una aplicación o una imagen.
¿Es gratis?
Sí, gratis y sin cuenta. Los degradados vienen con la página: no se envía nada, la copia va a tu portapapeles.
¿Cómo obtengo el degradado como imagen PNG?
Pulsa Editar: sus colores se abren en el creador de degradados, donde ajustas el ángulo y el tipo de degradado y después descargas una imagen PNG.