
Ange en grundfärg och verktyget genererar 9 harmoniska färgpaletter: monokromatisk, komplementär, triadisk, pastell och fler. Varje färg kan kopieras med sin HEX-kod.
Monokromatisk palett
Alla färger har samma nyans (H), skiljer sig främst i ljushet (L) i HSL-färgrymden.
#0b28ba
#153af2
#4f6bf5
#899cf8
#c3ccfc
Triadisk palett
Tre nyanser med 120° avstånd på färghjulet (hörn på en liksidig triangel) – geometri som ofta används inom varumärkning och Bauhaus-inspirerad design.
#4f6bf5
#f43757
#7ff667
#f87f94
#42f21f
Delad komplementär palett
En variation av den komplementära paletten – istället för ett komplement (180°) används två färger förskjutna ca ±30° från komplementet, vilket minskar visuell spänning men behåller stark kontrast.
#4f6bf5
#f5864f
#bef54f
#f7a176
#b0f328
Pastellpalett
Samma nyans med minskad mättnad och ökad ljushet – förskjutning mot mitten och toppen av HSL-rymden, vilket ger mjuka, ”krämiga” färger.
#e1e5f4
#d3d7ee
#c4cae9
#b5bde3
#a6b0dd
Mörk palett
Samma nyans med hög mättnad (S) och låg ljushet (L) – förskjutning nedåt på ljushetsaxeln, vilket ger djupa färger typiska för mörkt läge och starka accenter.
#3757f4
#153af2
#0c2dd2
#0a25ab
#081d85
Tonal palett (inspirerad av Material Design)
Flera ljussteg av en nyans – varierande L och måttlig S, liknande de tonala intervallen i Material Designs riktlinjer (t.ex. 50–900).
#f2f3f8
#dcdfef
#b1bae7
#7c8ee9
#3e5df4
Minimalistisk palett (inspirerad av Apple)
En djärv färgaccent och många mycket ljusa, mjuka neutrala toner – layout typisk för gränssnitt med mycket vitt utrymme och subtila skuggor.
#3e5df4
#fafafa
#efeff1
#dfdfe2
#484951
Analog palett
Färger med liknande nyans – från ca -30° till +30° runt basfärgen på det klassiska färghjulet (t.ex. Itten).
#4fbef5
#67a3f6
#4f6bf5
#4637f4
#864ff5
Komplementär palett
Basfärgen och dess komplement förskjutet 180° på färghjulet – en av de grundläggande färgkontrasterna beskriven av Johannes Itten.
#4f6bf5
#1f42f2
#f5d94f
#f8e37f
#f2cf1f
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 9 uppsättningar färger baserade på beprövade färgharmonischeman.
Varje genererad färg har sin HEX-kod (t.ex. #4F6BF5) och HSL-värde (hue, saturation, lightness). HEX-koden kan klistras in direkt i CSS, Figma, Canva eller valfri grafisk applikation.
Hela processen tar bara några sekunder:
Generatorn skapar 9 typer av paletter – var och en baserad på en annan princip inom färgteorin:
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.