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.
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.
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.
Haz clic en el botón 'Clic para copiar degradado' debajo de cualquier degradado para copiar la propiedad CSS `background` completa a tu portapapeles.
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`.
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.
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 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.
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.
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.
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.
Visualiza los colores individuales del degradado haciendo clic en diferentes partes de la muestra, facilitando la comprensión de los colores exactos utilizados.
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.
Explora nuestra completa biblioteca de más de 500 colores populares con nombre, organizados en 20 categorías. Busca colores por nombre o código HEX, copia los valores al instante y explora grupos de color desde básicos hasta vintage.
Explora más de 200 paletas de colores curadas profesionalmente y organizadas por categoría. Copia colores al instante, guarda tus paletas favoritas, exporta como CSS, JSON, PNG o PDF. Perfecto para diseñadores y desarrolladores.
Verifique las relaciones de contraste de color para el cumplimiento de la accesibilidad web. Pruebe combinaciones de colores de texto y fondo según las pautas WCAG con vista previa en tiempo real, calificaciones de accesibilidad y sugerencias de mejora.
Convierte colores HSV (Tono, Saturación, Valor) a sus equivalentes Pantone más cercanos al instante. Encuentra el color Pantone perfecto con nuestra completa herramienta de coincidencia de colores que incluye comparaciones visuales y ciencia del color precisa.
Convierte colores RGB a sus equivalentes Pantone más cercanos con nuestro algoritmo avanzado de coincidencia de colores. Explora colores Pantone seleccionados, compara diferencias de color y obtén códigos de color precisos para tus proyectos de diseño.
Convierte colores hex a las coincidencias Pantone más cercanas con nuestra herramienta online gratuita. Incluye coincidencia de color Delta E precisa, explora más de 40 colores Pantone populares y obtén comparaciones de color instantáneas. Perfecto para diseñadores, impresores y profesionales del color.