Kortversionen
- Färgharmoni är egenskapen hos en uppsättning färger som ser ut att höra ihop.
- De sex klassiska harmonierna är monokromatisk, analog, komplementär, delad komplementär, triadisk och tetradisk, var och en definierad av positioner på färghjulet.
- Nyansförhållanden ensamma garanterar inte harmoni: färger behöver också en förnuftig spridning av ljushet och kontrollerad mättnad.
- En dominerande färg med mindre mängder av de andra ser nästan alltid mer harmonisk ut än lika mycket av varje färg.
- Färger som delar en underton, som en antydan av värme eller av samma nyans, tenderar att se släkt ut även när de ligger långt ifrån varandra på hjulet.
På den här sidan
Färgharmoni är känslan av att en grupp färger hör ihop. Designers bygger den oftast på två sätt: genom att välja nyanser som står i ett känt förhållande på färghjulet, som grannar eller motsatser, och genom att balansera allt annat, alltså ljushet, mättnad och hur mycket av varje färg som syns. Får du det första rätt och det andra fel skorrar resultatet ändå. Får du båda rätt känns även ovanliga kombinationer lugna och avsiktliga.
Färghjulet och varför det hjälper
Hjulet ordnar nyanser i en cirkel så att förhållanden blir geometri. Grannar delar mycket av samma ljus och blandas mjukt; motsatser delar inget och driver varandra att se mer intensiva ut. Varje klassisk harmoni är en form lagd över hjulet. Om hjulet i sig är nytt för dig, börja med färghjulet.
conic-gradient(from 0deg, #e64545, #e6a645, #c8e645, #45e66a, #45e6d4, #4596e6, #6a45e6, #d445e6, #e64545)De sex klassiska färgharmonierna
Här är varje schema byggt från samma blågröna bas, #30a69c, så att du ser hur förhållandet ändrar stämningen medan startfärgen står kvar.
Nyanser på hjulet
Känns
Svåraste delen
Nyanser på hjulet
Känns
Svåraste delen
Nyanser på hjulet
Känns
Svåraste delen
Nyanser på hjulet
Känns
Svåraste delen
Nyanser på hjulet
Känns
Svåraste delen
Nyanser på hjulet
Känns
Svåraste delen
En grov vägledning för valet: ju färre och närmare nyanserna är, desto lättare är harmoni att uppnå. Monokromatiska och analoga scheman sköter sig nästan själva. Komplementära, triadiska och tetradiska scheman ger mer energi men kräver mer disciplin inom de tre nästa områdena.
Harmoni är också ljushet och mättnad
Titta på den triadiska remsan ovan. Nyanserna är lärobokens, men i lika styrka ser de ut som en leksakslåda. Det beror på att hjulet bara beskriver nyans. Två andra egenskaper avgör om färger faktiskt sitter bra ihop.
- Ljushet: en harmonisk uppsättning spänner oftast över ljusa, mellan- och mörka värden. Fem färger med samma ljushet flyter ihop; ett spann ger ögat någonstans att vila och något att läsa.
- Mättnad: håll de flesta färger lugna och låt en förbli levande. När varje färg är i full styrka konkurrerar de, och schemat läses som brus.
- Gemensam underton: färger som alla lutar svagt åt det varma, eller alla bär en antydan av samma nyans, ser släkt ut även när de ligger långt isär på hjulet. Att lägga lite av din huvudfärg i de neutrala är det snabbaste sättet.
För att göra de här justeringarna med siffror, använd ett format som skiljer ljushet från nyans. HSL är det välkända valet; OKLCH är bättre på att hålla ljusheten jämn när du ändrar nyans, vilket gör balanserade scheman mycket lättare att bygga.
Proportion: låt en färg leda
Den enskilt största skillnaden mellan en harmonisk design och en kaotisk är oftast proportion, inte nyans. Lika mycket av två eller tre färger får ögat att studsa mellan dem. En dominerande färg, en stödjande och en liten accent ger det en hierarki att följa. 60-30-10-regeln är en användbar utgångsfördelning.
Krockar
- Lika stora ytor av varje färg
- Varje färg i full mättnad
- Alla färger i samma ljushet
- Rent gråa neutrala bredvid varma färger
- Motsatser som rör vid varandra längs långa kanter
Harmonierar
- En färg tydligt dominerande
- En levande accent, resten lugnare
- En spridning från ljust till mörkt
- Neutrala tonade med huvudnyansen
- Motsatser åtskilda av luft eller en neutral
En Mark: lägg märke till vilken färg som leder, hur mycket av ramen den täcker och var orden vilar.
En andra Mark med samma ord. Färgförhållandet ändrar stämningen; budskapet förblir detsamma.
Så bygger du en harmonisk palett i praktiken
- 1
Utgå från en färg som betyder något
En varumärkesfärg, en produkt, en plats. Harmoni är lättare kring en fast punkt än från ingenting.
- 2
Välj ett förhållande för stämningen
Analogt för lugn, komplementärt eller delat komplementärt för energi, monokromatiskt för återhållsamhet.
- 3
Sprid ljusheten och lugna mättnaden
Gör en ljus, en medelton och en mörk version, sänk sedan mättnaden på allt utom accenten.
- 4
Bestäm proportionerna
Namnge vilken färg som täcker mest yta, vilken som stöder och vilken som bara syns i små inslag.
- 5
Testa den med riktiga ord
Lägg paletten på en verklig layout och kontrollera textkontrasten. Harmoni som inte kan bära en rubrik är inte färdig.
Om du hellre utgår från en palett som redan har balanserats är varje Mark i Gradiently en färdig levande bakgrund vars färger, material och ljus komponerats tillsammans, och Studio lägger dina ord på den med auto ink som väljer ljus eller mörk text per rad. För att skapa din egen från grunden, se färgpalettgeneratorer.
Vanliga frågor
Vad är färgharmoni?
Det är egenskapen hos färger som ser ut att höra ihop, oftast uppnådd genom nyansförhållanden på färghjulet i kombination med balanserad ljushet, mättnad och proportion.
Vilka typer av färgharmoni finns det?
De klassiska sex är monokromatisk, analog, komplementär, delad komplementär, triadisk och tetradisk.
Vilken färgharmoni är lättast att använda?
Monokromatiska och analoga scheman, eftersom deras nyanser ligger nära varandra och sällan krockar. De behöver en bra spridning av ljushet för att inte se platta ut.
Varför krockar mina komplementfärger?
Oftast är båda i full mättnad och lika stora mängder. Låt den ena dominera, lugna den andra till en accent och skilj dem åt med en neutral.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil