Kort fortalt
- Et farvehjul placerer farvetoner i en cirkel, så forholdet mellem dem, som modsætninger og naboer, er let at se.
- Malerens hjul bruger rød, gul og blå som primærfarver, mens skærmhjulet bruger rød, grøn og blå, så deres modsatte farver er forskellige.
- Farveharmonier som komplementære, analoge og triadiske er faste placeringer på hjulet.
- Et hjul viser kun farvetone, så hver palet hentet fra det har stadig brug for lyse og mørke versioner til tekst og baggrunde.
- Enkle digitale hjul er ikke perceptuelt jævne: ved samme indstilling ser gul meget lysere ud end blå.
På denne side
Et farvehjul placerer farvetoner i en cirkel, i den rækkefølge de optræder i en regnbue, med enderne bundet sammen. Værdien er, at forholdene bliver til geometri: farver lige overfor hinanden kontrasterer stærkt, farver ved siden af hinanden blandes let, og farver med jævn afstand rundt om cirklen balancerer. For at bruge et vælger du en startfarvetone og derefter følgesvende ud fra deres placering.
Denne guide gennemgår, hvordan hjulet er bygget, hvilket hjul du kan stole på, hvordan du aflæser harmonier, og hvordan du kommer fra nogle få farvetoner til en brugbar palet. For det bredere billede, start med farveteoriens grundbegreber.
Primære, sekundære og tertiære farver
Ethvert hjul starter med tre primærfarver. Blander du to primærfarver, får du en sekundær, og blander du en primær med en nabosekundær, får du en tertiær. Tre primære, tre sekundære og seks tertiære giver det velkendte hjul med tolv felter.
conic-gradient(from 0deg, #d7263d, #e8572a, #f28c28, #f6b82f, #f4e04d, #9bc53d, #3a9d4a, #1b8a8f, #2156a5, #4b3a9a, #7b2d8e, #b0266f, #d7263d)Malerens hjul og skærmhjulet
To hjul er i almindelig brug, og de er uenige. Malerens hjul er bygget på rød, gul og blå (RYB), ud fra blanding af pigmenter. Skærme laver farve af rødt, grønt og blåt lys (RGB), og et hjul bygget på dem har andre primærfarver, andre sekundærfarver og andre modsætninger.
| Egenskab | Malerens hjul (RYB) | Skærmhjul (RGB) |
|---|---|---|
| Primærfarver | Rød, gul, blå | Rød, grøn, blå |
| Sekundærfarver | Orange, grøn, violet | Gul, cyan, magenta |
| Modsat rød | Grøn | Cyan |
| Modsat blå | Orange | Gul |
| Modsat gul | Violet | Blå |
| Bruges af | Malere, kunstundervisning, mange paletguides | Farvevælgere, CSS-farvetoneværdier, det meste designsoftware |
conic-gradient(from 0deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)Hvilket skal du bruge? Til digitalt arbejde passer skærmhjulet til dine værktøjer, så de farvetonetal, du taster, stemmer med det, du ser. Malerens hjul giver ofte mere tiltalende modsætninger, som blå og orange, fordi det giver de varme farver mere plads. Mange designere aflæser harmonier fra malerens hjul og vælger derefter præcise værdier på skærmen. Begge er fine, så længe du er konsekvent.
Sådan aflæser du farveharmonier på hjulet
Harmonier er figurer lagt over hjulet. Drej figuren, og du får en ny palet med den samme balance.
- Komplementær: to farvetoner lige overfor hinanden. Maksimal kontrast. Se komplementære farver.
- Analog: tre til fem naboer på række. Rolig og naturlig. Se analoge farver.
- Triadisk: tre farvetoner med en tredjedel af cirklen imellem. Dristig, men balanceret. Se triadiske farver.
- Splitkomplementær: én farvetone plus de to på hver side af dens modsætning. Kontrast med mindre spænding.
- Kvadrat eller tetradisk: fire farvetoner med jævn afstand eller to komplementære par. Rig og svær at styre.
- Monokromatisk: én farvetone i mange lysstyrker. Se monokromatiske paletter.
Hvad farvehjulet ikke viser
Et hjul viser farvetone. Det siger intet om lysstyrke eller mætning, og de afgør det meste af, hvordan en palet faktisk ser ud. Blå og orange i fuld styrke er hårde sammen. Dyb marineblå med en blød abrikos bruger de samme to farvetoner og ser raffineret ud. Hver palet, du aflæser fra et hjul, har stadig brug for en mørk, en lys og nogle mere dæmpede versioner af sine farver.
Enkle digitale hjul er ujævne
I HSL har ren gul og ren blå den samme lysstyrkeværdi, men gul ser langt lysere ud. Det er fordi HSL er bygget på skærmens kanaler og ikke på, hvordan øjet opfatter lysstyrke. Perceptuelle farverum som OKLCH løser det: lige lysstyrkeværdier ser lige lyse ud på tværs af farvetoner, hvilket gør dem bedre til at bygge paletter og bløde gradienter.
Sådan bygger du en palet ud fra farvehjulet
- 1
Vælg din ankerfarvetone
Start med den ene farve, der skal være med: en brandfarve, en produktfarve eller en taget fra et foto.
- 2
Vælg en harmoni efter stemning
Analog eller monokromatisk for ro, komplementær, splitkomplementær eller triadisk for energi.
- 3
Lad én farve føre
Brug ankerfarven til det meste af designet og de andre i mindre mængder. Lige store mængder af hver farve ser sjældent bevidst ud.
- 4
Variér lysstyrke og mætning
Tilføj en mørk og en lys version, og dæmp de understøttende farver. Det er det, der gør farvetoner til en palet.
- 5
Test i et rigtigt layout
Sæt tekst på den, tjek kontrasten, og se på den i den størrelse, folk vil se den.
Når en palet fungerer som farveprøver, så prøv den som gradient. Nabofarvetoner blandes smukt, mens modsatte farvetoner har brug for en farve imellem sig. Gradientfarvekombinationer har afprøvede eksempler.
Spørgsmål, folk stiller
Hvad er et farvehjul?
Et farvehjul er en cirkel af farvetoner i spektral rækkefølge, der viser, hvordan farver forholder sig til hinanden: modsætninger kontrasterer, naboer harmonerer, og jævnt fordelte farvetoner balancerer.
Hvad er primærfarverne på farvehjulet?
På malerens traditionelle hjul er de rød, gul og blå. På det skærmhjul, digitale værktøjer bruger, er de rød, grøn og blå.
Hvorfor er komplementærfarver forskellige på forskellige hjul?
Malerens hjul og skærmhjulet har forskellige primærfarver, så cirklen er fordelt forskelligt. På malerens hjul er den modsatte farve til blå orange, på skærmhjulet er den gul.
Hvilket farvehjul skal designere bruge?
Til digitalt arbejde passer skærmhjulet til dine værktøjer. Mange designere aflæser harmonier fra malerens hjul og vælger præcise værdier på skærmen. Konsekvens betyder mere end valget.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil
