Färgpalett för färgövergångar

En palett för färgövergångar går i jämna steg från den mörkaste färgen till den ljusaste. Den är en direkt utgångspunkt för CSS `linear-gradient` eller en färgskala i ett designsystem.

Exempelpalett

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

Hexkoder redo att kopieras

En skala, inte en samling

Färgernas ordning spelar roll i en palett för färgövergångar. Varje färg är ett steg mellan två ändpunkter, vilket gör paletten till en bra utgångspunkt för numrerade designtokens (100, 200, 300…) och enhetliga färgskalor.

Klistra in direkt i din CSS

Exportera paletten som CSS-variabler eller en Tailwind-konfiguration. Använd sedan ändpunkterna för färgövergången och mellanstegen för bakgrunder, kanter och tillstånd. LFColors genererar båda formaten med ett klick.

Generera min palett: färgövergång

Gratis, utan registrering

Andra färgharmonier