Kortversjonen
- Et fargehjul ordner fargetoner i en sirkel, så forholdene mellom dem, som motsatser og naboer, er lette å se.
- Malerens hjul bruker rødt, gult og blått som primærfarger, mens skjermhjulet bruker rødt, grønt og blått, så motsatsene deres er ulike.
- Fargeharmonier som komplementær, analog og triadisk er faste posisjoner på hjulet.
- Et hjul viser bare fargetone, så hver palett hentet fra det trenger fortsatt lyse og mørke versjoner til tekst og bakgrunner.
- Enkle digitale hjul er ikke jevne i oppfatning: på samme innstilling ser gult mye lysere ut enn blått.
På denne siden
Et fargehjul ordner fargetoner i en sirkel, i den rekkefølgen de har i en regnbue, med endene sammenføyd. Verdien er at forholdene blir geometri: farger rett overfor hverandre kontrasterer sterkt, farger ved siden av hverandre blandes lett, og farger med jevn avstand rundt sirkelen balanserer. For å bruke ett velger du en startfargetone og velger så følgesvenner etter posisjon.
Denne guiden viser hvordan hjulet er bygget, hvilket hjul du bør stole på, hvordan du leser harmonier fra det og hvordan du kommer fra noen få fargetoner til en brukbar palett. For det store bildet, start med fargelære.
Primær-, sekundær- og tertiærfarger
Hvert hjul starter med tre primærfarger. Å blande to primærfarger gir en sekundærfarge, og å blande en primærfarge med en nabosekundærfarge gir en tertiærfarge. Tre primærfarger, tre sekundærfarger og seks tertiærfarger utgjør det velkjente hjulet med tolv segmenter.
conic-gradient(from 0deg, #d7263d, #e8572a, #f28c28, #f6b82f, #f4e04d, #9bc53d, #3a9d4a, #1b8a8f, #2156a5, #4b3a9a, #7b2d8e, #b0266f, #d7263d)Malerens hjul og skjermhjulet
Det er to hjul i vanlig bruk, og de er uenige. Malerens hjul er bygget på rødt, gult og blått (RYB), fra blanding av pigmenter. Skjermer lager farge av rødt, grønt og blått lys (RGB), og et hjul bygget av dem har andre primærfarger, andre sekundærfarger og andre motsatser.
| Egenskap | Malerens hjul (RYB) | Skjermhjulet (RGB) |
|---|---|---|
| Primærfarger | Rødt, gult, blått | Rødt, grønt, blått |
| Sekundærfarger | Oransje, grønt, fiolett | Gult, cyan, magenta |
| Motsatsen til rødt | Grønt | Cyan |
| Motsatsen til blått | Oransje | Gult |
| Motsatsen til gult | Fiolett | Blått |
| Brukes av | Malere, kunstutdanning, mange palettguider | Fargevelgere, CSS-fargetoner, de fleste designprogrammer |
conic-gradient(from 0deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)Hvilket bør du bruke? For digitalt arbeid samsvarer skjermhjulet med verktøyene dine, så fargetonetallene du skriver, stemmer med det du ser. Malerens hjul gir ofte mer tiltalende motsatser, som blått og oransje, fordi det fordeler de varme fargene mer romslig. Mange designere leser harmonier fra malerens hjul og velger eksakte verdier på skjermen. Begge er greie så lenge du er konsekvent.
Å lese fargeharmonier fra hjulet
Harmonier er figurer lagt over hjulet. Roter figuren, og du får en ny palett med den samme balansen.
- Komplementær: to fargetoner rett overfor hverandre. Maksimal kontrast. Se komplementærfarger.
- Analog: tre til fem naboer på rad. Rolig og naturlig. Se analoge farger.
- Triadisk: tre fargetoner med en tredjedels sirkel imellom. Dristig, men balansert. Se triadiske farger.
- Splittet komplementær: én fargetone pluss de to på hver side av motsatsen. Kontrast med mindre spenning.
- Kvadrat eller tetradisk: fire fargetoner med jevn avstand, eller to komplementære par. Rik og vanskelig å styre.
- Monokrom: én fargetone i mange lyshetsgrader. Se monokrome paletter.
Hva fargehjulet ikke viser
Et hjul viser fargetone. Det sier ingenting om lyshet eller metning, og de avgjør det meste av hvordan en palett faktisk ser ut. Blått og oransje i full styrke er harde sammen. Dyp marineblå med en myk aprikos bruker de samme to fargetonene og ser raffinert ut. Hver palett du leser av et hjul, trenger fortsatt en mørk, en lys og noen stillere versjoner av fargene sine.
Enkle digitale hjul er ujevne
I HSL har rent gult og rent blått samme lyshetsverdi, men gult ser langt lysere ut. Det er fordi HSL er bygget på skjermens kanaler, ikke på hvordan øyne oppfatter lysstyrke. Perseptuelle fargerom som OKLCH retter dette: like lyshetsverdier ser like lyse ut på tvers av fargetoner, noe som gjør dem bedre til å bygge paletter og myke gradienter.
Slik bygger du en palett fra fargehjulet
- 1
Velg ankerfargetonen din
Start med den ene fargen som må være der: en merkevarefarge, en produktfarge eller en hentet fra et foto.
- 2
Velg en harmoni etter stemningen
Analog eller monokrom for ro, komplementær, splittet komplementær eller triadisk for energi.
- 3
La én farge lede
Bruk ankeret til det meste av designet og de andre i mindre mengder. Like mengder av hver farge ser sjelden bevisste ut.
- 4
Varier lyshet og metning
Legg til en mørk og en lys versjon, og demp støttefargene. Det er dette som gjør fargetoner til en palett.
- 5
Test i et ekte oppsett
Legg tekst på den, sjekk kontrasten og se på den i størrelsen folk kommer til å se den.
Når en palett fungerer som fargeprøver, prøv den som en gradient. Nabofargetoner blandes vakkert, mens motsatte fargetoner trenger en midtfarge mellom seg. Fargekombinasjoner for gradienter har utprøvde eksempler.
Spørsmål folk stiller
Hva er et fargehjul?
Et fargehjul er en sirkel av fargetoner i spektral rekkefølge som viser hvordan farger forholder seg til hverandre: motsatser kontrasterer, naboer harmonerer og fargetoner med jevn avstand balanserer.
Hva er primærfargene på fargehjulet?
På det tradisjonelle hjulet til malere er de rødt, gult og blått. På skjermhjulet som digitale verktøy bruker, er de rødt, grønt og blått.
Hvorfor er komplementærfarger ulike på ulike hjul?
Malerens hjul og skjermhjulet har ulike primærfarger, så sirkelen er fordelt annerledes. På malerens hjul er motsatsen til blått oransje, og på skjermhjulet er den gul.
Hvilket fargehjul bør designere bruke?
For digitalt arbeid samsvarer skjermhjulet med verktøyene dine. Mange designere leser harmonier fra malerens hjul og velger eksakte verdier på skjermen. Konsekvens betyr mer enn valget.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår
