Färgpalettgenerator
Utgå från en färg du tycker om eller låt slumpen överraska dig, och behåll sedan nyanserna som fungerar.
Förseglat på den här enheten
Körs i din webbläsare. Inget laddas upp.
Förseglat
Din palett
Inställningar
Bygger paletten kring basfärgen. Låsta färger behålls.
Exportera
Så fungerar det
-
Välj en bas eller slumpa
Ange en basfärg och välj en harmoni, eller tryck på ”Ny palett” (eller mellanslag) för att få en ny.
-
Lås det du gillar
Lås färgerna du vill behålla och skapa sedan en ny palett: bara de olåsta ändras. Klicka på en färgruta för att justera den för hand.
-
Exportera din palett
Kopiera den som CSS-variabler eller JSON till din kod, eller ladda ner en PNG att dela med ditt team.
Vanliga frågor
Vad betyder harmonierna?
De kommer från färgcirkeln. Analoga färger ligger bredvid varandra och känns lugna. Komplementfärger ligger mitt emot varandra och skapar kontrast. Delat komplementär, triadisk och kvadrat sprider färgerna jämnt runt cirkeln för livligare paletter. Monokrom använder ljusare och mörkare varianter av en och samma nyans.
Hur fungerar låsningen?
Välj hänglåset under en färg för att behålla den. När du skapar en ny palett stannar de låsta färgerna exakt där de är, och de nya färgerna väljs så att de passar ihop med dem.
Varför ser färgerna så balanserade ut?
Paletterna byggs i OKLCH, en färgrymd som utgår från människans syn. När nyansen vrids där förblir ljushet och färgstyrka jämna, så ingen färg ser oväntat stark eller blek ut bredvid de andra.
Hur använder jag paletten i mitt projekt?
Kopiera CSS-exporten och klistra in den i din stilmall: du får variabler som --color-1 som du kan använda var som helst. JSON-exporten listar varje färg i HEX, RGB och OKLCH för designtokens eller skript.
Får jag använda paletterna kommersiellt?
Ja. Ingen äger färger, och paletterna du skapar här får du använda fritt, i privata eller kommersiella sammanhang.