Kleurenpalet met kleurverloop

Een palet met kleurverloop gaat in gelijkmatige stappen van de donkerste naar de lichtste kleur. Het vormt een direct vertrekpunt voor een CSS `linear-gradient` of een kleurschaal in een ontwerpsysteem.

Voorbeeldpalet

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

Hexcodes klaar om te kopiëren

Een schaal in plaats van een verzameling

Bij een palet met kleurverloop is de volgorde van de kleuren belangrijk. Elke kleur vormt een stap tussen twee eindpunten. Dat maakt het een handig vertrekpunt voor genummerde ontwerptokens (100, 200, 300…) en consistente kleurschalen.

Plak het direct in je CSS

Exporteer het palet als CSS-variabelen of als Tailwind-configuratie. Gebruik vervolgens de twee uitersten voor je kleurverloop en de tussenliggende stappen voor achtergronden, randen en toestanden. LFColors genereert beide formaten met één klik.

Mijn palet genereren: kleurverloop

Gratis, zonder registratie

Andere kleurharmonieën