Illustration: Color relationships displayed on a color wheel.
Illustration: Color relationships displayed on a color wheel.
Source colors

Illustrative preview

Interaktivt färghjul — Hitta matchande färgharmonier

Hitta komplementära, analoga, triadiska, tetratiska och fyrkantiga färgscheman. Justera HEX, mättnad och ljushet och kopiera sedan matchande färger utan konto.

Dra för att välja en basfärg — kopiera hexkoder för varje klassisk färgharmoni.

HEX/CSS-färg
Harmoni

Färghjulets harmonier förklarade

Komplementär

Komplementfärger ligger mitt emot varandra på färghjulet — blått och orange, rött och grönt. De skapar den starkast möjliga kontrasten och livfullheten, vilket får design att kännas energisk och får uppmaningar till handling att sticka ut. Använd en färg som dominant och dess komplement sparsamt som accent för att undvika visuell spänning.

Delad komplementär

Delad komplementfärg tar en basfärg plus de två färgerna som ligger intill dess komplementfärg. Du behåller den höga kontrasten från ett komplementärt schema men mjukar upp spänningen, vilket gör det mycket svårare att få fel. Det är ett utmärkt nybörjarschema: en dominerande nyans, två stödjande accenter och ett naturligt balanserat resultat.

Analog

Analoga scheman använder tre angränsande färger på hjulet, till exempel gult, gulgrönt och grönt. Eftersom grannfärgerna delar underton känns resultatet lugnt, harmoniskt och naturligt — tänk solnedgångar och skogar. Välj en dominerande färg, använd grannfärgerna som stöd och lägg till en neutral färg för kontrast.

Triadisk

Ett triadiskt schema väljer tre färger jämnt fördelade, 120 grader från varandra, som rött, gult och blått. Det förblir levande även när du använder bleka eller dämpade varianter, och det förblir balanserat eftersom ingen nyans dominerar genom närhet. Låt en färg leda och spara de andra två till accenter och highlights.

Tetradisk (rektangel)

Tetradiska (rektangel) scheman använder fyra färger arrangerade som två komplementära par, med 60 graders mellanrum. De ger den rikaste variationen av alla klassiska harmonier, men är också svårast att balansera — välj en dominant färg, dämpa de andra och håll noga koll på förhållandet mellan varma och kalla nyanser.

Kvadrat

Ett kvadratiskt schema placerar fyra färger jämnt fördelade, 90 grader från varandra runt hjulet. Precis som det tetradiska schemat paras två komplementära par ihop, men den jämna fördelningen ger en mer slagkraftig och lekfullare balans mellan varmt och kallt. Det fungerar bäst när en färg tydligt dominerar och resten fungerar som små accenter.

Vad du kan göra med Färghjul

Granska de viktigaste funktionerna innan du börjar.

  • Utforska komplementära och analoga färgscheman
  • Hitta triadiska, tetradiska och kvadratiska harmonier
  • Kopiera hex-koder för varje matchande färg
  • Finjustera mättnad och ljushet live
  • Välj en basfärg för din designpalett

Inställningsreferens

Tillgängliga kontroller för Färghjul.

Alternativ

Basfärg (nyans och mättnad)Färgväljare
Dra var som helst på det interaktiva hjulet för att välja din startfärg: vinkeln bestämmer kulören och avståndet från mitten bestämmer mättnaden.
HEX/CSS-färgTextinmatning
Skriv eller klistra in valfri HEX-kod, rgb(), hsl() eller CSS-färgnamn för att flytta hjulet direkt till en exakt färg du redan har.
MättnadReglageIntervall: 0–100% · Standard: 91%
Justerar hur intensiv grundfärgen är, från helt grå vid 0% till den renaste och mest intensiva versionen av nyansen vid 100%.
LjushetReglageIntervall: 0–100% · Standard: 60%
Styr hur ljus eller mörk grundfärgen är, från svart vid 0% via den rena kulören till vitt vid 100%; alla harmonier uppdateras därefter.
HarmoniFörinställningar
Väljer vilken klassisk färgcirkelrelation som ska markeras på cirkeln – markörer placeras ut för de tillhörande färgerna så att du ser hur färgschemat är uppbyggt.Alternativ: KomplementärDelad komplementärAnalogTriadiskTetradisk (rektangel)Kvadrat
Gratis att använda · Ingen registrering krävs · Utan vattenstämpelUppladdningar krypteras under överföringBorttagen enligt vår lagringspolicy

Vanliga frågor

Så hjälper Färghjul dig att få det gjort

Verkliga problem den löser varje dag - för företag, kreatörer och vardagliga uppgifter. Hitta det användningsfall som passar dig och börja.

Utbildning

Lär dig färgteori

Se varje klassisk färgharmoni beräknad direkt utifrån en basfärg du väljer, med en enkel förklaring av när och varför varje schema fungerar.

För kreatörer

Välj accentfärger för webbplatsen

Ange ditt varumärkes hex-kod i hjulet och använd delad komplementfärg eller triadiska scheman för att hitta accentfärger som kontrasterar utan att krocka.

För kreatörer

Förhandsgranska färgscheman i ett verkligt användargränssnitt

Varje harmoni tillämpas på ett litet exempelkort — rubrik, brödtext, knapp och prickar — så att du kan bedöma kombinationerna i sitt sammanhang istället för som abstrakta färgprover.

För kreatörer

Paletter för konst och illustration

Använd analoga färgharmonier för naturliga, lugna scener och komplementära för dramatiska fokuspunkter, och kopiera exakta hexkoder till ditt målarprogram.

Titta på varje transformationsland

Varje foto korsar snedstrecket orört och kommer ut på andra sidan färdigt.