1. Ange grundfärg
Ange en HEX-kod (t.ex. #496ba2) i textfältet eller välj en färg från färgväljaren. Du kan också använda knappen Slumpmässig färg.
Generera 17 färgpaletter från en enda grundfärg
Ange en grundfärg och verktyget genererar 17 harmoniska färgpaletter: monokromatisk, komplementär, triadisk, pastell och fler. Varje färg kan kopieras med sin HEX-kod.
Loading tool editor...
Varför generera en färgpalett?
En konsekvent färgpalett är grunden för varje visuellt projekt – från webbplatser, via logotyper, till tryckt material. Att manuellt välja färger som fungerar tillsammans kräver kunskap om färgteori. Generatorn automatiserar denna process: du anger en grundfärg (t.ex. färgen på din logotyp) och verktyget genererar 17 uppsättningar färger baserade på beprövade färgharmonischeman.
Varje genererad färg har sin HEX-kod (t.ex. #496ba2) och HSL-värde (hue, saturation, lightness). HEX-koden kan klistras in direkt i CSS, Figma, Canva eller valfri grafisk applikation.
Hur man använder färgpalettgeneratorn
Hela processen tar bara några sekunder:
2. Bekräfta ditt val
Efter att du klickat på knappen Update Color genererar verktyget automatiskt 17 paletter baserade på olika färgharmonischeman.3. Kopiera de färger du behöver
Bredvid varje färg finns en Kopiera-knapp – HEX-koden går till urklipp och kan klistras in direkt i ditt projekt.
Vilka färgscheman genererar verktyget?
Generatorn skapar 17 typer av paletter – var och en baserad på en annan princip inom färgteorin:
Monokromatisk palett
Flera nyanser av en färg – från ljus till mörk. Alla färger har samma kulör på färghjulet och skiljer sig bara i ljusstyrka. Fungerar bra i eleganta och minimalistiska designs.Angränsande palett
Färger bredvid varandra på färghjulet (förskjutna ca 30° åt båda håll från basen). Skapar harmoniska och mjuka färgövergångar.Komplementär palett
Grundfärgen och den motsatta färgen på färghjulet (180° förskjutning). Skapar stark visuell kontrast. Användbart när element behöver fånga uppmärksamhet.Triadisk palett
Tre färger med 120° mellanrum på färghjulet – bildar en liksidig triangel. Dynamisk och mångsidig kombination.Delat komplementär palett
Mildare version av den komplementära paletten. Istället för en motsatt färg används två färger förskjutna ca 30° från komplementet.Pastellpalett
Samma kulör med minskad mättnad och ökad ljusstyrka – mjuka, dämpade färger. Populärt inom kosmetik, barnmode och livsmedelssektorn.Mörk palett
Grundfärgen med hög mättnad och minskad ljusstyrka – djupa, kraftfulla färger. Användbart för mörka webbplatsteman och premium varumärkesmaterial.Tonal palett
Flera ljusstyrkenivåer av en färg – från mycket ljus till mörk. Användbart för att bygga gränssnitt där samma färg behöver olika varianter.Minimalistisk palett
En stark färgaccent och flera mycket ljusa neutrala färger. Hela paletten förblir lugn. Fungerar bra i moderna gränssnitt med mycket vitt utrymme.Tetradisk (kvadrat) palett
Fyra nyanser med 90° mellanrum pa farhjulet. Rik och balanserad – ideal for komplexa grenssnitt och datavisualisering.Varm palett
Farger forskjutna mot rott, orange och gult. Framkallar energi och varme.Kall palett
Farger forskjutna mot blatt, turkos och lila. Kommunicerar lugn och professionalism.Jordtoner
Lagt mattade bruna, oliv- och ockratoner inspirerade av naturlandskap.Neonpalett
Maximalt mattade farger med elektrisk intensitet.Vintagepalett
Avmattade, svagt varma toner som paminner om gamla tryck och retrofotografi.Hogkontrastpalett
Extremt ljusstyrkeomfang. Utmarkt for tillgangliga designs och WCAG-kompatibla grenssnitt.Solnedgangsgradiont
Mjuk nyansrotation fran varmt till kallt, som en naturlig solnedgang.
H (hue)0°–360° på färghjulet
S (saturation)0%–100%
L (lightness)0%–100%
Vad bygger färgpalettgeneratorn på?
Alla paletter skapas genom matematisk transformation av grundfärgen i HSL-färgrymden. HSL beskriver en färg med tre värden: hue (H) är positionen på färghjulet (0°–360°), saturation (S) bestämmer färgens styrka och lightness (L) – hur ljus eller mörk färgen är.
Komplementära, triadiska och delade komplementära paletter baseras på färghjulets geometri – färger placeras med jämna vinkelintervall, vilket skapar visuell balans. Monokromatiska, pastell- och mörka paletter ändrar bara ljusstyrka och mättnad medan samma kulör bibehålls.
Färg i svensk konst och design
Carl Larsson formade hur världen ser på svenska färger. Hans akvareller från hemmet i Sundborn - ljusa gula väggar, röda detaljer, vitmålade möbler och gröna växter - skapade en färgpalett som blev synonymt med svenskt hem. Dessa varma men dämpade toner återkommer i skandinavisk inredningsdesign än idag. En analog palett med gult, rött och grönt fångar denna estetik.
Swedish Grace-rörelsen på 1920-talet kombinerade klassisk elegans med nordisk enkelhet. Mjuka pasteller - puderrosa, ljusblått, mintgrönt och grädde - dominerade porslin, textil och möbler. Josef Frank, verksam på Svenskt Tenn, skapade tyger med botaniska mönster i hundratals färgtoner. Hans arbete visar att komplexa färgkombinationer kan vara harmoniska när de delar liknande mättnad och ljushet.
Falurött (Falu rödfärg) är kanske Sveriges mest kända kulör. Den djupt röda färgen har täckt svenska trähus sedan 1500-talet. Pigmentet kommer från koppargruvan i Falun och ger en varm, jordig röd ton som kontrasterar vackert mot vit knutar och gröna landskap. Denna kombination - rött, vitt och naturens grönt - är en av de mest igenkännliga svenska färgpaletterna.
Färgsymbolik i svensk kultur
Blått och gult bildar den svenska flaggan och symboliserar himmel och sol (eller guld). I varumärkesbyggande för den svenska marknaden skapar dessa färger omedelbar igenkänning. Blått står för pålitlighet och stabilitet. Gult signalerar optimism och värme. Tillsammans bildar de ett komplementärt färgschema med stark visuell kontrast.
Midsommar är Sveriges mest färgstarka högtid. Gult och blått från flaggan blandas med grönt från björklöv, vitt från midsommarstången och rosa och lila från ängsblommor. Denna naturliga palett inspirerar säsongsbetonade kampanjer och sommarrelaterad design. Palettgeneratorn kan utgå från en gul eller grön baston och bygga analoga eller triadiska scheman som fångar midsommarkänslan.
Lucia i december har en helt annan färgpalett. Vitt dominerar - vita klänningar, stearinljus och snö. Rött syns i sidenband och glögg. Gyllene toner kommer från levande ljus och pepparkakor. Denna vintriga kombination av vitt, rött och guld återkommer i julkampanjer och högtidsrelaterad design riktad mot den svenska marknaden.
Färg i svenskt varumärkesbyggande
Skandinavisk minimalism definierar svenska varumärken internationellt. Ljusa, neutrala bakgrunder med en eller två accentfärger skapar ren och tydlig kommunikation. Vitt, ljust grått och naturligt trä bildar basen. En enda mättad accentfärg - blå, gul eller korall - styr uppmärksamheten. Denna princip av färgåterhållsamhet gör svenska märken lätta att känna igen.
NCS (Natural Color System) utvecklades i Sverige och används som industristandard i flera länder. NCS beskriver färger utifrån hur ögat uppfattar dem, inte hur skärmar eller tryckpressar reproducerar dem. Systemet använder sex elementarfärger: vitt, svart, gult, rött, blått och grönt. För designers som arbetar med den nordiska marknaden är NCS-referensen ett värdefullt komplement till HEX-koder.
Inom svensk teknik och fintech använder företag ofta blått som primärfärg för att signalera säkerhet och förtroende. Gröna accenter förekommer i hållbarhetsrelaterade tjänster. Startups i Stockholm bryter ibland mönstret med livfulla paletter - lila, korall och turkos - för att sticka ut. Palettgeneratorn hjälper till att utforska triadiska och komplementära scheman som balanserar djärvhet med harmoni.
Var man kan använda genererade färgpaletter
Varumärkets visuella identitet
Välj harmoniska färger för en befintlig logotyp eller bygg en varumärkespalett från grunden – för visitkort, brevpapper och marknadsföringsmaterial.Webbplatser
Ställ in huvudfärg, accent och bakgrundsnyanser. Kopierade HEX-koder klistras in direkt i CSS eller temakonfiguration.Appgränssnitt
Tonal palett ger ljusstyrkvarianter av en färg – ljusare för bakgrunder, mörkare för text, mellanliggande för kanter och interaktionstillstånd.Grafik för sociala medier
Konsekventa färger för inlägg, stories och profilomslag. Angränsande eller pastellpaletter fungerar bra när du vill ha en konsekvent, igenkännlig stil.
Felsökning av palettgeneratorn
Paletterna ändras inte efter att färgen matats in
Att bara skriva in en HEX-kod genererar inte paletter automatiskt – du måste bekräfta ändringen med knappen Uppdatera färg. Först efter bekräftelse beräknar verktyget alla 17 scheman.Meddelande om ogiltigt format
Generatorn accepterar bara HEX-format med # i början, t.ex.#FF5500. Format utan # (t.ex.FF5500) eller i RGB-notation (t.ex.rgb(255,85,0)) stöds inte.Kort och fullt HEX-format
Båda notationerna stöds: fullt#RRGGBB(t.ex. #FF5500) och kort#RGB(t.ex. #F50). Generatorn känner automatiskt igen båda formaten och behandlar dem likadant.
Vanliga frågor om färgpalettgeneratorn
I vilket format ska grundfärgen vara?
Generatorn accepterar färger i HEX-format – förkortad (t.ex. #F50) och full (t.ex. #FF5500). Bredvid textfältet finns en färgväljare som låter dig välja färg visuellt. Genererade paletter visar HEX-kod och HSL-värde för varje färg.
Hur många färger finns i varje palett?
Varje palett innehåller 4 till 6 färger. Antalet beror på schematypen – monokromatiska och tonala paletter genererar fler nyanser, medan komplementära och triadiska paletter fokuserar på färre kontrasterande färger.
Vad är HSL-färgrymden och hur läser man den?
HSL är ett sätt att beskriva färger med tre värden: H (nyans, 0°–360° på färghjulet), S (mättnad, 0%–100%) och L (ljusstyrka, 0%–100%). Generatorn visar HSL-värden bredvid varje färg, vilket gör det lättare att förstå hur färgerna i paletten skiljer sig – t.ex. ändrar en monokromatisk palett bara ljusstyrkan (L), medan nyansen (H) förblir densamma.
Kan jag använda genererade paletter kommersiellt?
Ja. Du kan använda genererade färgpaletter i valfritt projekt – kommersiellt och icke-kommersiellt, utan licensbegränsningar.
Kräver färgpalettgeneratorn inloggning eller betalning?
Generatorn är helt gratis och kräver ingen inloggning eller registrering. Färger genereras lokalt i webbläsaren – ingen data skickas till externa servrar.
Vilken paletttyp är bäst för en företagswebbplats?
Monokromatiska eller tonala paletter fungerar bra för företagssajter eftersom de ger en enhetlig, lugn visuell hierarki. Använd den tonala paletten för att bygga ett komplett system av bakgrund, text, ramar och accentfärger från en enda varumärkesfärg.
Kan jag använda de genererade paletterna kommersiellt?
Ja. Du kan använda de genererade färgpaletterna i vilket projekt som helst - kommersiellt och icke-kommersiellt, utan licensbegränsningar.
Hjälp oss att förbättra våra verktyg
Har du en idé för en ny funktion, hittat en bugg eller vill föreslå ett annat verktyg som skulle göra ditt arbete enklare? Skriv till oss – vi svarar inom 24 timmar.