Palettgenerator – Färgharmonipaletter

Skapa harmoniska färgpaletter direkt

Att välja färger som ser bra ut tillsammans är en av de vanligaste utmaningarna inom design. Färgharmoniregler, baserade på relationerna mellan nyanser i färghjulet, ger en tillförlitlig grund för balanserade paletter.

Denna palettgenerator tar valfri basfärg och tillämpar standardiserade harmoniregler för att skapa en uppsättning harmoniska färger. Ange en färg i HEX-, RGB- eller HSL-format och växla mellan harmonietyper för att utforska olika kombinationer.

Färgharmonietyper förklarade

• Komplementär — två färger mitt emot varandra i färghjulet (180° isär). Hög kontrast, djärva kombinationer.
• Analog — tre färger intill varandra i färghjulet (30° isär). Naturligt harmoniskt och låg kontrast.
• Triadisk — tre färger jämnt fördelade runt hjulet (120° isär). Livfullt och balanserat.
• Delat-komplementär — en basfärg plus två färger intill dess komplement (150° och 210°). Mjukare än rent komplementär.
• Tetradisk (Kvadrat) — fyra färger jämnt fördelade runt hjulet (90° isär). Rika, komplexa paletter.

Så använder du palettgeneratorn

1. Ange en basfärg — skriv ett HEX-, RGB- eller HSL-värde, eller använd den inbyggda färgväljaren
2. Välj en harmonietyp från väljaren
3. Dra en sammankopplad punkt på färgcirkeln för att ändra nyans och mättnad och justera sedan ljusheten
4. Se den genererade paletten visas som färgrutor
5. Kopiera HEX- eller RGB-värden för valfri ruta med ett klick
6. Växla mellan harmonietyper för att jämföra olika paletter

När ska man använda en palettgenerator

• Starta ett nytt designprojekt och behöver en balanserad färgpalett
• Bygga en varumärkesidentitet kring en specifik huvudfärg
• Skapa UI-teman med harmoniska accentfärger
• Utforska färgrelationer för illustration eller konst
• Snabbt generera paletter för presentationer eller prototyper

Kärnharmoni och stödvarianter

Varje harmoni ger fem färgrutor. Komplementär har två kärnfärger, analog, triadisk och delad komplementär har tre och tetradisk fyra; övriga rutor är stödvarianter med justerad mättnad eller ljushet.

Skapa fem färger från en basfärg

Den markerade basfärgen behålls medan färgcirkeln beräknar harmonin och dess varianter. Använd Bildpalettsutdragaren för dominerande färger i en hel bild och Färgväljaren för en exakt pixel.

Använd HEX, RGB, HSL och OKLCH

Fältet accepterar HEX, RGB, HSL och OKLCH. Kopiera en färg som HEX eller RGB, eller alla fem som kommaseparerade HEX-koder med versaler.

Snabb, gratis och privat

Alla beräkningar sker i webbläsaren. Inget konto, ingen uppladdning, lagring eller serverbehandling används; färgcirkeln fungerar med mus, pekskärm och tangentbord.

Färgcirkeln visar teoretiska färgrelationer men garanterar inte läsbarhet. Använd Kontrastkontrollen för WCAG-mätning och Färgkonverteraren för formatbyte.

Vanliga frågor

Vad är färgharmoni?

Färgharmoni avser kombinationer av färger som är visuellt tilltalande tillsammans, baserat på deras relationer i färghjulet.

Vilken harmonietyp ska jag använda?

Det beror på ditt designmål. Komplementär skapar stark kontrast. Analog känns lugn. Triadisk är livfull och balanserad. Delat-komplementär ger mjukare kontrast. Tetradisk ger rika, komplexa paletter.

Vilka färgformat kan jag ange?

Du kan ange HEX, RGB, HSL eller OKLCH; formatet identifieras automatiskt.

Hur beräknas palettfärgerna?

Basfärgen konverteras till HSL och placeras vid de exakta nyansvinklarna för den valda harmonin. Varje förhållande utökas till fem praktiska färgrutor med balanserade variationer i mättnad och ljushet. Den interaktiva färgcirkeln visar varje ruta: när du drar en punkt roterar hela harmonin, medan ljushetsreglaget uppdaterar paletten.

Kan jag kopiera de genererade färgerna?

Ja. Kopiera varje färg som HEX eller RGB, eller hela paletten som fem kommaseparerade HEX-koder med versaler.

Fungerar detta verktyg på mobil?

Ja. Den responsiva färgcirkeln fungerar med pekskärm på mobilen och med mus eller tangentbord på datorn.

Är detta verktyg gratis?

Ja. ColourPicker.app är helt gratis att använda, utan registrering.

Kan jag spara mina genererade paletter?

Verktyget sparar inte paletter mellan sessioner. Du kan kopiera enskilda färgvärden och spara dem i dina projektfiler.

Vad visar en färgcirkel?

Den ordnar kulörer i en cirkel: vinkeln anger kulörton, avståndet från mitten mättnad och det separata reglaget ljushet.

Varför innehåller varje palett fem färger?

Fem rutor ger en enhetlig uppsättning med två till fyra kärnfärger och kompletterande stödvarianter.

Vad är kärnfärger och stödvarianter?

Kärnfärgerna bildar den valda geometrin; varianterna återanvänder tonerna med ändrad mättnad eller ljushet.

Garanterar färgharmoni tillräcklig kontrast?

Nej. Harmoni beskriver relationer mellan kulörer; mät WCAG-kontrasten mellan förgrund och bakgrund separat.