Färgpalett
Generera en harmonisk palett – lås favoriter, justera och generera om resten.
mellanslag genererar om · klicka på hexkoden för att kopiera · dra i handtaget för att flytta · Ctrl+Z ångrar
Sparade
Vad är en färgpalett?
En färgpalett är en samling färger som är utvalda för att fungera bra tillsammans. Den ger ett projekt – en webbplats, en logotyp eller en illustration – ett enhetligt och genomtänkt uttryck. Istället för att gissa dig fram till vilka färger som passar ihop utgår du från en huvudfärg och låter färgteorin göra jobbet.
Så genererar verktyget din palett
När du väljer en huvudfärg och en harmonityp beräknar verktyget fem färger utifrån färghjulet. Varje harmoni följer en egen logik:
- Analog – färger som ligger bredvid varandra på färghjulet. Lugnt och samspelt.
- Komplementär – färger mittemot varandra. Hög kontrast och energi.
- Monokrom – en enda kulör i olika ljushet och mättnad.
- Triad & tetrad – tre respektive fyra jämnt fördelade kulörer för livfulla paletter.
Vill du utforska harmonierna visuellt? Testa vårt interaktiva färghjul, eller slumpa fram idéer med färggeneratorn.
Kännetecken för en bra palett
- Den har en tydlig huvudfärg som sätter tonen.
- Den innehåller tillräcklig kontrast för läsbarhet och tillgänglighet.
- Den balanserar varma och kalla toner samt ljust och mörkt.
- Den känns rätt för budskapet – lugn, lekfull, professionell eller djärv.
Vanliga frågor
Hur skapar jag en färgpalett?
Välj en huvudfärg och en harmonityp – till exempel analog eller komplementär. Verktyget räknar ut fem färger som passar ihop. Lås de färger du gillar och tryck på mellanslag för att generera om resten tills du är nöjd.
Vad är en bra färgpalett?
En bra palett har en tydlig huvudfärg, tillräcklig kontrast och en balans mellan varma och kalla toner. Ofta räcker en huvudfärg, en till två komplementfärger samt en ljus och en mörk neutral ton.
Kan jag använda paletten i CSS?
Ja. Klicka på hexkoden för att kopiera en enskild färg, eller på ”Kopiera alla” för hela paletten. Klistra sedan in värdena som variabler i din CSS, till exempel som :root-variabler.
Vilken harmonityp ska jag välja?
Analog ger lugna, samspelta paletter. Komplementär ger hög kontrast och energi. Monokrom bygger på en enda färg i olika ljushet. Triad och tetrad ger livfulla paletter med flera kulörer.