Gratis onlineværktøj

Farvehjul

Et farvehjul placerer farvetonerne i en cirkel, så du kan se, hvilke farver der passer sammen: modsatte farver er komplementærfarver, naboer er analoge farver, og punkter med lige stor afstand danner triader og kvadrater. Vælg en basisfarve nedenfor, så viser farvehjulet dens harmonier med HEX-, RGB- og HSL-koder, som du kan kopiere.

Farvehjul
Harmoni

Din palette

  1. rgb(228, 87, 46)hsl(14, 77%, 54%)5.7:1 med sort tekst · AA
  2. rgb(46, 187, 228)hsl(194, 77%, 54%)9.3:1 med sort tekst · AAA

Sådan bruger du farvehjulet

  1. Vælg en basisfarve: træk markøren rundt på farvehjulet, skriv en HEX-kode, eller tryk på Tilfældig palette.
  2. Flyt markøren ind mod midten for blødere, mindre mættede farver og ud mod kanten for klare farver. Brug skyderen Lysstyrke til mørkere nuancer.
  3. Vælg en harmoni. De ekstra markører flytter sig med basisfarven og holder altid de samme vinkler, så du kan dreje et farveskema uden at ødelægge det.
  4. Se kontrasttallet under hver farve, før du bruger den til tekst: 4,5:1 eller mere består WCAG AA for tekst i normal størrelse.
  5. Kopiér en enkelt HEX-kode, hele paletten eller et link, der åbner paletten præcis, som du forlod den.

Farveharmonier på farvehjulet

En farveharmoni er et fast geometrisk forhold på farvehjulet. Vinklerne er de samme, uanset hvor basisfarven står, så du kan dreje et skema, til det passer til dit brand, dit foto eller dit rum, og det hænger stadig sammen.

Komplementærfarver (180°)

To farvetoner lige over for hinanden. Det er den kraftigste kontrast, farvehjulet har, så parret fanger blikket: en knap, der skal klikkes på, et klublogo eller en overskrift på en plakat. Lad den ene farve fylde mest, og brug den anden sparsomt.

Analoge farver (30° til hver side)

Basisfarven og dens to naboer. Kontrasten er lav, og resultatet virker roligt og naturligt, som de røde og orange toner i en solnedgang eller de grønne toner i en skov. Tilføj en neutral farve eller en mørkere nuance, så paletten ikke bliver flad.

Split-komplementære farver (150° og 210°)

I stedet for den direkte modsatte farve tager du de to farvetoner på hver side af den. Du beholder det meste af energien fra et komplementært par, men med mindre spænding, og det gør skemaet nemt at arbejde med i illustrationer, emballage og præsentationer.

Triadiske farver (120° fra hinanden)

Tre farvetoner med lige stor afstand rundt om cirklen. Klart og afbalanceret; malerfarvehjulets primærfarver rød, gul og blå danner en triade. Virker resultatet for højlydt, så sænk mætningen på to af de tre farver.

Kvadratisk eller tetradisk (90° fra hinanden)

Fire farvetoner med lige stor afstand, altså to komplementære par. Det er det rigeste skema på siden, så lad én farve føre an, og gem de tre andre til detaljer og accenter.

Monokrom (én farvetone)

Én farvetone i flere trin af mætning og lysstyrke. Den hænger altid sammen, fungerer godt i brugerflader og diagrammer og passer til et brand, der ejer én farve.

RGB eller RYB: hvilket farvehjul skal du bruge?

Skærme blander lys, og derfor bruger digitalt design RGB-farvehjulet. Rød, grøn og blå er primærfarverne, og modsatte farver giver tilsammen hvidt lys: rød står over for cyan, grøn over for magenta og blå over for gul. HEX-koder, CSS og designværktøjer arbejder i den model, og det er også det farvehjul, appen Color Wheel & Palettes bruger.

Maling blander pigment, og i billedkunst lærer man det ældre farvehjul med rød, gul og blå (RYB). Her står rød over for grøn, gul over for violet og blå over for orange. Planlægger du et maleri, en væg derhjemme eller et outfit, så skift værktøjet til Maler (RYB): det flytter farvetonerne, så harmonierne svarer til det, du har lært, og du får stadig HEX-værdier, der kan bruges på skærm.

Ingen af de to farvehjul er forkerte. De beskriver forskellige materialer, så vælg det, der passer til, hvor dine farver ender.

Varme og kolde farver, lyse og mørke nuancer og toner

Farvehjulet deler sig nogenlunde på midten efter temperatur. Røde, orange og gule farver føles varme og ser ud til at komme frem mod beskueren; grønne, blå og violette farver føles kolde og trækker sig tilbage. En palette med én varm accent blandt kolde farver, eller omvendt, ser som regel gennemtænkt ud.

Lyse nuancer, mørke nuancer og toner ændrer en farve uden at ændre farvetonen. En lys nuance (på engelsk tint) får tilsat hvid: træk markøren ind mod midten, eller sænk Mætning. En mørk nuance (shade) får tilsat sort: sænk Lysstyrke. En tone får tilsat grå, altså begge dele på én gang. Harmonien Monokrom bygger trinene for dig.

Før farverne havner på et website eller i en app, så tjek tekstkontrasten med WCAG-kontrasttjekket, og prøv gradientgeneratoren til bløde overgange mellem palettens farver.

Hvor farvehjulet kommer fra

Isaac Newton bøjede spektret til en cirkel i Opticks (1704), og dermed blev det muligt at tale om farver som naboer og modsætninger. Malere samlede sig senere om det 12-delte farvehjul med rød, gul og blå, som Johannes Itten underviste i på Bauhaus: tre primærfarver, tre sekundærfarver blandet af dem og seks tertiærfarver imellem. Digitale værktøjer har erstattet pigmentets primærfarver med lys, men idéen om at aflæse harmoni ud fra vinkler på en cirkel er den samme.

iPhone og iPad

Tag paletten med på din iPhone

Color Wheel & Palettes til iPhone og iPad bruger det samme digitale farvehjul og de samme harmonivinkler som tilstanden Digital (RGB) på denne side, så en palette, du bygger her, ser ens ud i appen. Appen giver dig det, en browserfane ikke kan:

  • Et paletbibliotek, der synkroniseres mellem dine enheder med iCloud (3 paletter gratis, ubegrænset med Pro).
  • Paletter ud fra fotos: vælg et billede i dit bibliotek, og appen trækker fem tydeligt forskellige farver ud.
  • Eksport til Procreate-swatches, Adobe ASE, CSS-variabler, Tailwind, SwiftUI og design-token-JSON (Pro).
  • Kontrasttjek af dine farvepar og en forhåndsvisning af, hvordan farveblinde ser paletten.
  • En widget med dagens palette til din hjemmeskærm.

Læs mere om farvehjul-appen til iPhone.

Color Wheel & Palettes-skærmbillede

Spørgsmål

Spørgsmål om farvehjulet

Hvad er komplementærfarven til rød?

På et digitalt farvehjul (RGB) er komplementærfarven til rød cyan (#00FFFF): de to står 180° fra hinanden og giver tilsammen hvidt lys. På malerens farvehjul (RYB) er komplementærfarven til rød grøn. Skift tilstand på farvehjulet ovenfor for at sammenligne de to.

Hvor mange farver er der på et farvehjul?

Et traditionelt malerfarvehjul har 12: tre primærfarver (rød, gul, blå), tre sekundærfarver (orange, grøn, violet) og seks tertiærfarver imellem dem. Et digitalt farvehjul som dette er glidende med 360 grader farvetone, så alle farvetoner har en plads.

Hvad er forskellen på triadiske og tetradiske farver?

Triadiske farver er tre farvetoner med 120° imellem og virker afbalancerede og livlige. Tetradiske, eller kvadratiske, farver er fire farvetoner med 90° imellem, altså to komplementære par. Det giver mest variation, så lad én farve føre an, og brug de andre som accenter.

Er farvehjulet gratis?

Ja. Alle seks harmonier, begge tilstande, HEX-, RGB- og HSL-koderne og linket til paletten er gratis i enhver browser og kræver ingen konto. Appen Color Wheel & Palettes er gratis at hente; Pro-opgraderingen giver ekstra funktioner som ubegrænset antal gemte paletter og eksport til filer.

Kan jeg gemme eller dele en palette?

Kopiér link til paletten gemmer basisfarven, harmonien og tilstanden i adressen, så alle, der åbner linket, ser den samme palette. Vil du have et bibliotek af paletter, synkronisere dem med iCloud og eksportere filer, så gem dem i appen Color Wheel & Palettes.

Relaterede farveguider

Relaterede farveguider

Gør farvelære til færdige paletter

Hent Color Wheel & Palettes, og byg harmonier, gradienter, tilgængelige kontrastpar og eksportklare farver på iPhone eller iPad.

Hent i App Store