Un degradado es una transición suave entre dos o más colores. Los degradados añaden profundidad, dimensión e interés visual a los diseños web, elementos de la interfaz de usuario e ilustraciones.
Seleccione dos colores, elija un ángulo de degradado y vea instantáneamente el resultado en Canvas. Copie el código CSS para usarlo en su proyecto.
Frequently Asked Questions
Q: ¿Cuál es la diferencia entre gradientes lineales y radiales?
¿Cuál es la diferencia entre gradientes lineales y radiales? Los degradados lineales transicionan a lo largo de una línea recta, mientras que los degradados radiales irradian desde un punto central.
Q: ¿Puedo usar degradados en CSS?
¿Puedo usar degradados en CSS? Sí, use la propiedad de imagen de fondo con funciones de gradiente lineal o de gradiente radial.
Q: ¿Puedo crear degradados transparentes?
¿Puedo crear degradados transparentes? Sí, use el control deslizante de opacidad o edite manualmente el CSS copiado para usar valores de color rgba() o hsla(). Los degradados con transparencia son excelentes para superposiciones y efectos de vidrio.
Q: ¿Cómo hago para que el degradado responda?
¿Cómo hago para que el degradado responda? El CSS generado funciona en cualquier tamaño de contenedor. Para degradados de pantalla completa, aplique el degradado al cuerpo o a un elemento envolvente. Utilice tamaño de fondo: portada para obtener mejores resultados.
Q: ¿Cuál es la diferencia entre gradientes lineales y radiales?
¿Cuál es la diferencia entre gradientes lineales y radiales? Los degradados lineales cambian a lo largo de una línea recta, perfectos para encabezados y pancartas. Los degradados radiales irradian desde un punto central, ideales para efectos de foco y elementos circulares.
Colores del Mundo Hispano
Del añil guatemalteco al rosa mexicano, el mundo hispanohablante tiene una rica tradición cromática. Estos colores nacen de textiles indígenas, arquitectura colonial y festividades, y hoy inspiran paletas llenas de carácter.
Rosa Mexicano #E4007CColor icónico del diseño mexicano, creado por Ramón Valdiosera
Azul Añil #4B0082Tinte tradicional de los textiles mayas de Guatemala
Rojo Bermellón #E34234El rojo intenso de los toros y la cerámica española
Amarillo Maíz #F4B41AEl oro del maíz, base de la alimentación mesoamericana
Verde Jade #00A86BLa piedra sagrada de mayas y aztecas
Azul Celeste #A5C8E1El azul de la bandera argentina y el cielo porteño
Terracota #E2725BArcilla cocida — el color de los tejados coloniales
Vino Tinto #722F37El burdeos de las bodegas de La Rioja
Oro Colonial #D4AF37El dorado de los retablos barrocos americanos
Turquesa Caribe #40E0D0El color de las playas del Caribe
Q: ¿Qué es el rosa mexicano?
¿Qué es el rosa mexicano? El rosa mexicano (#E4007C) es un color vibrante promovido por el diseñador Ramón Valdiosera en los años 40 como símbolo de identidad nacional, usado hoy en artesanías, textiles y diseño contemporáneo.
Q: ¿Qué es el azul añil?
¿Qué es el azul añil? El añil es un tinte natural azul extraído de la planta del índigo, usado en los textiles mayas de Guatemala y en los huipiles tradicionales desde tiempos prehispánicos.