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

Illustrative preview

Interaktivt fargehjul — Finn matchende fargeharmonier

Finn komplementære, analoge, triadiske, tetradiske og firkantede fargeskjemaer. Juster HEX, metning og lyshet, og kopier deretter matchende farger gratis uten konto.

Dra for å velge en grunnfarge – kopier heksadesimale koder for hver klassisk harmoni.

HEX/CSS-farge
Harmoni

Fargehjulets harmonier forklart

Komplementær

Komplementærfarger ligger rett overfor hverandre på fargehjulet — blått og oransje, rødt og grønt. De skaper den sterkest mulige kontrasten og fargeintensiteten, noe som gjør design mer energisk og får handlingsknapper til å tre tydelig frem. Bruk én farge som dominerende og komplementærfargen sparsomt som aksent for å unngå visuell uro.

Delt komplementær

Delt komplementær bruker en basisfarge pluss de to fargene som ligger inntil dens komplementærfarge. Du beholder den høye kontrasten fra en komplementær fargekombinasjon, men mykner opp spenningen, noe som gjør det mye vanskeligere å gå galt. Det er en fantastisk startkombinasjon: én dominerende farge, to støttende aksenter, og et naturlig balansert resultat.

Analog

Analoge fargekombinasjoner bruker tre nabofarger på hjulet, som gult, gulgrønt og grønt. Fordi nabofargene deler en undertone, føles resultatet rolig, harmonisk og naturlig — tenk solnedganger og skoger. Velg én dominerende farge, bruk nabofargene som støtte, og legg til en nøytral farge for kontrast.

Triadisk

En triadisk fargekombinasjon velger tre farger jevnt fordelt med 120 graders mellomrom, som rødt, gult og blått. Den forblir levende selv når du bruker blasse eller dempede versjoner, og den holder seg balansert fordi ingen nyanse dominerer på grunn av nærhet. La én farge lede, og forbehold de to andre til aksenter og høylys.

Tetradisk (rektangel)

Tetradiske (rektangel) fargeskjemaer bruker fire farger ordnet som to komplementære par, med 60 graders avstand. De gir det rikeste utvalget av alle de klassiske harmoniene, men er også de vanskeligste å balansere — velg én dominerende farge, demp ned de andre, og hold nøye øye med forholdet mellom varme og kalde fargetoner.

Kvadrat

En kvadratisk fargekombinasjon fordeler fire farger jevnt, 90 grader fra hverandre rundt hjulet. I likhet med tetradisk kombinerer den to komplementære par, men den jevne fordelingen gir en kraftigere og mer lekende balanse mellom varmt og kaldt. Den fungerer best når én farge tydelig dominerer og resten fungerer som små aksenter.

Hva du kan gjøre med Fargehjul

Se gjennom hovedfunksjonene før du begynner.

  • Utforsk komplementære og analoge fargeskjemaer
  • Finn triadiske, tetradiske og firkantede harmonier
  • Kopier hex-koder for hver matchende farge
  • Finjuster metning og letthet live
  • Velg en grunnfarge for designpaletten din

Innstillingsreferanse

Tilgjengelige kontroller for Fargehjul.

Alternativer

Grunnfarge (fargetone og metning)Fargevelger
Dra hvor som helst på det interaktive fargehjulet for å velge startfargen: vinkelen bestemmer fargetonen, og avstanden fra midten bestemmer metningen.
HEX/CSS-fargeTekstinntasting
Skriv eller lim inn en HEX-kode, rgb(), hsl() eller et CSS-fargenavn for å flytte hjulet rett til en nøyaktig farge du allerede har.
MetningSkyveknappRekkevidde: 0–100% · Standard: 91%
Justerer hvor intens grunnfargen er, fra helt grå ved 0 % til den reneste og mest intense versjonen av fargetonen ved 100 %.
LyshetSkyveknappRekkevidde: 0–100% · Standard: 60%
Styrer hvor lys eller mørk grunnfargen er, fra svart ved 0% via den rene fargetonen til hvitt ved 100%; alle harmoniene oppdateres tilsvarende.
HarmoniForhåndsinnstillinger
Velger hvilken klassisk relasjon på fargehjulet som skal fremheves, og plasserer markører for følgefargene slik at du ser hvordan fargekombinasjonen er bygd opp.Alternativer: KomplementærDelt komplementærAnalogTriadiskTetradisk (rektangel)Kvadrat
Gratis å bruke · Ingen registrering nødvendig · Uten vannmerkeOpplastinger er kryptert under overføringFjernet under retningslinjene våre for oppbevaring

Ofte stilte spørsmål

Slik hjelper Fargehjul deg med å få jobben gjort

Virkelige problemer den løser hver dag – for bedrifter, skapere og hverdagslige oppgaver. Finn brukssaken som passer deg og start.

Utdanning

Lær fargeteori

Se alle klassiske fargeharmonier beregnet direkte fra en basisfarge du velger, med en enkel forklaring på når og hvorfor hver fargekombinasjon fungerer.

For skapere

Velg aksentfarger for nettsiden

Skriv merkevarens hex-kode inn i fargehjulet, og bruk delt komplementære eller triadiske fargeskjemaer for å finne aksentfarger som kontrasterer uten å kollidere.

For skapere

Forhåndsvis fargeskjemaer i et ekte brukergrensesnitt

Hver harmoni brukes på et lite eksempelkort — overskrift, brødtekst, knapp og prikker — slik at du kan vurdere kombinasjoner i kontekst i stedet for som abstrakte fargeprøver.

For skapere

Paletter for kunst og illustrasjon

Bruk analoge fargeharmonier for naturlige, rolige motiver og komplementære farger for dramatiske blikkfang, og kopier de nøyaktige hex-kodene inn i maleprogrammet ditt.

Se hver forvandling lande

Hvert bilde krysser skråstreken uberørt og kommer ut på den andre siden ferdig.