Farvepalette med farveovergang

En palette med farveovergang bevæger sig i jævne trin fra den mørkeste til den lyseste farve. Den er et direkte udgangspunkt for en CSS `linear-gradient` eller en farveskala i et designsystem.

Eksempelpalette

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

Hex-koder klar til at kopiere

En skala frem for en samling

Her betyder rækkefølgen noget. Hver farve er et trin mellem to yderpunkter, hvilket gør paletten ideel til navngivning af designtokens (100, 200, 300 …) og til at holde kontrastforskelle mellem niveauer forudsigelige.

Indsæt den direkte i din CSS

Eksportér paletten som CSS-variabler eller en Tailwind-konfiguration, og brug yderpunkterne til din farveovergang og mellemtrinnene til baggrunde, kanter og tilstande. LFColors genererer begge formater med ét klik.

Generér min palette farveovergang

Gratis, uden tilmelding

Andre farveharmonier