Färgpalettgenerator

Vad gör färgpalettgeneratorn?

Färgpalettgeneratorn bygger harmoniska kombinationer utifrån en basfärg och principerna i färgteori. Du väljer en huvudton och verktyget tar direkt fram fem passande färger enligt den harmoni du har valt.

Det är användbart för gränssnitt, varumärkesidentitet, illustration, inredning och kampanjmaterial. På så sätt hittar du snabbt en sammanhållen palett utan att själv behöva räkna ut relationer mellan nyans, mättnad och ljushet.

När är verktyget användbart?

• Webb- och appdesign – För att definiera huvudfärger, stödfärger och accenter innan en vy byggs upp.
• Branding – För att utöka en varumärkesfärg med sammanhängande variationer eller tydliga kontraster.
• Illustration och visuellt innehåll – För att snabbt prova olika färgstämningar innan en komposition låses.
• Frontend – För att kopiera HEX-värden direkt till CSS-variabler och designtokens.
• Mode och inredning – För att jämföra kombinationer innan du väljer material, textilier eller finish.
• Sociala medier – För att behålla en konsekvent visuell stil mellan omslag, karuseller och återanvändbara mallar.

Viktigaste funktionerna

• Fyra harmonityper – Skapar komplementära, analoga, triadiska och monokroma paletter.
• Omedelbar uppdatering – Varje ändring av basfärg eller harmoni uppdaterar resultatet direkt.
• Lås färger – Behåll godkända toner och generera bara om resten.
• Slumpförslag – Med ett klick får du en ny visuell riktning när du vill ha fler idéer.
• Lokal sparning – Spara upp till 20 paletter i webbläsaren för att öppna dem senare.
• Kopiera HEX-koder – Kopiera en enskild färg eller hela paletten i ett steg.
• PNG-export – Ladda ned paletten som bild för att dela den eller spara den i arbetsflödet.

Så använder du generatorn

1. Välj en basfärg – Använd färgväljaren eller skriv in en HEX-kod direkt.
2. Ställ in harmonin – Välj vilken färgrelation du vill utforska.
3. Granska paletten – Titta på de fem föreslagna färgerna och lås de toner du vill behålla.
4. Generera en ny version – Slumpknappen skapar en ny kombination utan att börja om från början.
5. Kopiera, spara eller exportera – Ta med HEX-koderna, spara paletten eller ladda ned den som bild beroende på behov.

Harmonityper i korthet

Kort grund i färgteori

Färgcirkeln

Färgcirkeln ordnar färger efter hur de förhåller sig visuellt till varandra. Därför blir det lättare att se vilka kombinationer som skapar kontrast, vilka som ger kontinuitet och hur du fördelar visuell tyngd i en layout.

HSL-modellen

Verktyget räknar fram variationer med HSL-modellen (Hue, Saturation, Lightness):

• Hue – Färgens position på cirkeln från 0° till 360°.
• Saturation – Hur intensiv eller dämpad färgen upplevs.
• Lightness – Hur långt tonen rör sig från nästan svart till nästan vit.

Bra vanor när du använder en palett

• 60-30-10-regeln – Fördela dominant, stödjande och accentfärg i balanserade proportioner.
• Läsbar kontrast – Kontrollera alltid relationen mellan text och bakgrund.
• Rätt kontext – Välj färger som passar budskap, bransch och ton i projektet.

Vad som är bra att kontrollera innan du använder en palett

En stark palett behöver inte bara se bra ut. Den bör också fördela visuella roller: en huvudfärg för identitet, en stödfärg för balans och en accentfärg för knappar, varningar eller andra tydliga fokusytor.

Innan du använder paletten i ett skarpt projekt är det klokt att kontrollera kontrast, hierarki och upprepning. Om kombinationen fungerar tydligt på knappar, bakgrunder, rubriker och markerade block har du redan en stabil grund för gränssnitt, branding och visuellt material.

Vanliga frågor