Paleta de colores en degradado

Una paleta en degradado avanza de forma uniforme del color más oscuro al más claro. Es el punto de partida directo para un `linear-gradient` de CSS o una escala cromática de un sistema de diseño.

Paleta de ejemplo

500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC

Códigos hexadecimales listos para copiar

Una escala, no una colección

El orden de los colores importa en una paleta en degradado. Cada color es un paso entre dos extremos, por lo que resulta un punto de partida útil para crear tokens de diseño numerados (100, 200, 300…) y escalas cromáticas coherentes.

Úsala directamente en tu CSS

Exporta la paleta como variables CSS o como configuración de Tailwind, y utiliza los dos extremos para el degradado y los pasos intermedios para fondos, bordes y estados. LFColors genera ambos formatos con un clic.

Generar mi paleta: degradado

Gratis, sin registro

Otras armonías de colores