Un gradiente CSS es una transición suave entre dos o más colores, creada con linear-gradient(), radial-gradient() o conic-gradient(). Aquí lo construyes con los colores de tu paleta, eliges el tipo y el ángulo y copias el código.
Actualizado el
Clic en un HEX para copiarlo · candado para fijarlo
Cada celda muestra el texto de la columna sobre el fondo de la fila.
Clic en un tono para copiar su HEX.
Se guardan solo en este navegador. Clic en una paleta para cargarla.
El lineal avanza en línea recta según un ángulo. El radial se expande desde un centro en forma de círculo o elipse. El cónico gira alrededor de un punto, como las porciones de un gráfico circular.
linear-gradient() y radial-gradient() funcionan en todos los navegadores actuales. conic-gradient() lo soportan las versiones modernas de Chrome, Edge, Firefox y Safari. El color de respaldo cubre los navegadores antiguos.
Aplica el gradiente como background, añade background-clip: text (y -webkit-background-clip: text) y deja el color del texto en transparent. El código exportado ya incluye esa clase.
