Palette de couleurs en dégradé

Une palette en dégradé enchaîne des couleurs par pas réguliers, de la plus foncée à la plus claire. C’est le point de départ direct d’un `linear-gradient` CSS ou d’une échelle de couleurs pour design system.

Exemple de palette

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

Codes hexadécimaux prêts à copier

Une échelle, pas une collection

Contrairement aux autres harmonies, ici l’ordre compte. Chaque couleur est une étape entre deux extrêmes, ce qui en fait une base idéale pour nommer vos tokens (100, 200, 300…) et garder des écarts de contraste prévisibles entre les niveaux.

Coller directement dans votre CSS

Exportez la palette en variables CSS ou en configuration Tailwind, puis servez-vous des deux extrémités pour votre dégradé et des niveaux intermédiaires pour les fonds, bordures et états. LFColors génère les deux formats en un clic.

Générer ma palette dégradé

Gratuit, sans inscription

Autres harmonies de couleurs