Nyansgenerator
Generera ett komplett register av toner och nyanser från en enda färg — välj din mörknings-/ljusningssteg och antalet nyanser, kopiera sedan vilket värde som helst direkt.
Välj en basfärg, ett stegprocenttal och ett antal — varje ton och nyans beräknas direkt i din webbläsare.
Om Nyansgenerator
Nyansgeneratorn utökar en enda färg till ett komplett spann av toner och nyanser. Ge den en basfärg så tar den fram progressivt ljusare toner på ena sidan och progressivt mörkare nyanser på den andra — den klassiska 50-till-900-stegskalan som används i moderna designsystem.
Två inställningar formar resultatet: stegprocenten anger hur mycket ljusare eller mörkare varje nyans blir (1–25 % per steg), och antalet anger hur många toner och nyanser som visas på vardera sidan av basfärgen, upp till tio. En gradientremsa förhandsvisar hela skalan på en gång.
Genereringen sker direkt i din webbläsare medan du skriver — inget skickas till en server. Kopiera valfritt enskilt värde, hela listan, eller hela skalan som CSS-variabler, redo att släppa in i en designtoken-fil eller en Tailwind-liknande färgskala.
Så använder du Nyansgenerator
- Välj en basfärg med väljaren eller skriv in ett värde; klicka på "Slumpmässig färg" för inspiration.
- Ange stegprocenten för att styra hur kraftigt varje nyans ljusnar eller mörknar.
- Välj antalet nyanser för att avgöra hur många toner och nyanser som visas på vardera sidan.
- Klicka på en kulör för att kopiera den, eller använd "Kopiera alla" och "Kopiera CSS-variabler" för hela skalan.