Hvad er en farveskala
Det er rækken af nuancer, der kommer fra én farve: fra en næsten hvid udgave til en næsten sort. De har alle samme grundtone, så de passer altid sammen.
Lyse, mørke og brudte nuancer
En lys nuance er farven blandet med hvid: lysere og blødere. En mørk nuance er farven blandet med sort: mørkere og dybere. En brudt nuance er farven blandet med grå: mere afdæmpet og elegant.
Sådan bruger du en skala i dit design
Brug de lyse trin (50 til 200) til baggrunde, de mellemste (400 til 600) til knapper og links og de mørke (700 til 950) til tekst og kanter. Med én skala får du en ryddelig og ensartet brugerflade.
Ofte stillede spørgsmål
Hvordan beregnes skalaen?
Vi bruger farverummet OKLCH, som følger, hvordan øjet opfatter lyshed. Det holder trinene mellem nuancerne jævne, uden pludselige spring.
Hvad betyder tallene 50 til 950?
Det er den skala, som Tailwind CSS og mange designsystemer bruger: 50 er den lyseste nuance og 950 den mørkeste. Din farve havner på det tal, der passer bedst.
Kan jeg bruge skalaen i Tailwind eller CSS?
Ja. Skriv et navn, vælg formatet, og kopiér koden: CSS-variabler klar til at indsætte eller farveblokken til din Tailwind-konfiguration.
Hvad er forskellen på en farveskala og en farvepalet?
En skala er nuancer af én farve. En palet kombinerer forskellige farver, der passer sammen. Mange paletter bruger en skala til baggrunde og tekst plus en eller to accentfarver.