Explora nuestra colección curada de más de 100 impresionantes degradados de color. Haz clic en las muestras de degradado para ver los colores individuales, copia el código CSS al instante y encuentra las combinaciones de degradado perfectas para tus diseños.
Explora la Colección de Degradados
Desplázate por la cuadrícula de muestras de degradado para explorar diferentes combinaciones y estilos de color. Cada degradado muestra su nombre y códigos de color.
Ver Colores Individuales
Haz clic en la mitad izquierda de un degradado para ver el color inicial, o haz clic en la mitad derecha para ver el color final. El código HEX se mostrará durante 2 segundos.
Copiar CSS del Degradado
Haz clic en el botón 'Clic para copiar degradado' debajo de cualquier degradado para copiar la propiedad CSS `background` completa a tu portapapeles.
Usar en Tu Proyecto
Pega el código CSS copiado en tu hoja de estilos o en tus estilos en línea. El degradado está listo para usar con el formato `linear-gradient`.
Más de 100 Degradados Curados
Accede a una colección cuidadosamente seleccionada de más de 100 hermosas combinaciones de degradado, organizadas por estilo y tema de color para una fácil navegación.
Vista Previa Interactiva de Colores
Haz clic en la mitad izquierda o derecha de cualquier muestra de degradado para ver los colores inicial y final individuales con sus códigos HEX mostrados.
Copia de CSS con Un Clic
Copia al instante el código CSS de `linear-gradient` listo para usar en tu portapapeles con un solo clic en el botón de copiar.
Cuadrícula Visual de Degradados
Explora los degradados en un diseño de cuadrícula limpio y moderno con nombres de degradado y códigos de color claramente mostrados para una referencia rápida.
Los degradados de color son transiciones suaves entre dos o más colores, creando una mezcla visualmente atractiva. En diseño web, los `linear-gradients` de CSS te permiten crear estas transiciones de color que fluyen en una dirección específica. Nuestra biblioteca presenta combinaciones de degradado curadas profesionalmente que funcionan bien juntas, ahorrándote tiempo en la búsqueda de transiciones de color armoniosas para fondos, botones, tarjetas y otros elementos de diseño.
Curados Profesionalmentes
Cada degradado de nuestra colección ha sido cuidadosamente seleccionado por su atractivo visual y versatilidad de diseño, asegurando combinaciones de color de alta calidad.
CSS Listo para Usar
Obtén código CSS instantáneo que funciona de inmediato. No es necesario escribir manualmente la sintaxis del degradado ni experimentar con los valores de color.
Inspección Interactiva de Color
Visualiza los colores individuales del degradado haciendo clic en diferentes partes de la muestra, facilitando la comprensión de los colores exactos utilizados.
Herramienta de Diseño que Ahorra Tiempo
Evita la prueba y error de crear degradados desde cero. Encuentra el degradado perfecto rápidamente e impleméntalo de inmediato en tus proyectos.
La biblioteca contiene más de 100 combinaciones de degradado cuidadosamente curadas, que presentan varios estilos, desde transiciones sutiles hasta mezclas atrevidas y vibrantes adecuadas para diferentes necesidades de diseño.
Haz clic en la mitad izquierda de una muestra de degradado para ver el color inicial, o haz clic en la mitad derecha para ver el color final. El código HEX se mostrará en la muestra durante 2 segundos.
La herramienta copia una propiedad `background` de CSS completa con un `linear-gradient` que va de izquierda a derecha (dirección `to right`). Por ejemplo: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Sí, todos los degradados de la biblioteca son de uso gratuito en proyectos personales y comerciales sin restricciones. Los degradados de color no pueden tener derechos de autor.
Después de copiar el código CSS, pégalo en tu hoja de estilos o como un estilo en línea. Puedes aplicarlo al fondo de cualquier elemento, como divs, secciones, botones o tarjetas.
Sí, después de copiar el CSS, puedes cambiar la dirección modificando la parte 'to right' por otros valores como 'to bottom', 'to top', '45deg', o cualquier ángulo que prefieras.