
Farger
Fargelære, paletter og gradientfarger, med koder du kan kopiere.
200 guider · 11 emner
FargerGrunnleggende fargelære for deg som ikke designer
5 min lesetid
Du trenger ikke kunstskole for å velge farger godt. Seks ideer forklarer nesten alle fargevalg, og hver av dem kan læres på noen få minutter.
FargerSlik bruker du et fargehjul til å velge en palett
4 min lesetid
Fargehjulet er det eldste verktøyet innen farge og fortsatt det mest nyttige. Slik leser du ett, hvorfor malerens hjul og skjermhjulet er uenige, og hvordan du gjør det om til en palett.
FargerKomplementærfarger: kontrast som fortsatt føles balansert
5 min lesetid
Motsatte farger gir den sterkeste kontrasten farge kan by på, og den raskeste veien til et design som summer eller et som roper. Forskjellen ligger i proporsjon og lyshet.
FargerAnaloge farger: den enkleste veien til en rolig palett
5 min lesetid
Velg tre naboer på fargesirkelen, så kan du nesten ikke ta feil. Kunsten er å gi dem nok kontrast til å holde seg interessante, og å vite når du skal bryte roen.
FargerTriadiske farger og splittkomplementære paletter, forklart
4 min lesetid
Tre jevnt fordelte farger kan få en palett til å føles dristig og balansert på én gang, eller som en leketøyskasse. Forskjellen handler nesten bare om hvilken farge som leder.
FargerMonokromatisk fargepalett: én fargetone, en hel identitet
5 min lesetid
Én fargetone høres begrensende ut til du ser hvor mye spenn som bor i den. Bygget ordentlig kan én enkelt farge dekke bakgrunner, tekst, knapper og gradienter, og virke mer særpreget enn en regnbue.
FargerSlik velger du merkevarefarger: en metode steg for steg
5 min lesetid
Merkevarefarger velges, de finnes ikke. En tydelig metode tar deg fra blankt ark til en palett som er særpreget, leselig og fortsatt riktig om to år.
FargerFargepsykologi: hva som er sant og hva som er myte
5 min lesetid
Oversikter som sier at rødt betyr sult og blått betyr tillit finnes overalt, og er stort sett for enkle til å være nyttige. Her er en mer ærlig framstilling av hva farge gjør, og hvordan du bruker den godt.
FargerFargers betydning i ulike kulturer: en varsom guide
5 min lesetid
Hvitt kan bety bryllup eller begravelse. Rødt kan bety fare eller hell. Hvis designene dine skal reise, er her hva de viktigste fargene bærer med seg ulike steder, og hvordan du sjekker før lansering.
FargerLilla gradienter: paletter, koder og hvordan du bruker dem
5 min lesetid
Lilla er en av de mest brukte gradientfargene på nettet, noe som gjør den både til et trygt valg og et det er lett å forsvinne i. Her er paletter som føles gjennomtenkte, med kodene du trenger.
FargerBlå gradienter: 20 paletter fra is til midnatt
5 min lesetid
Blått er den tryggeste fargen i design, og det er nettopp derfor så mange blå gradienter ser like ut. Her er tjue som ikke gjør det, gruppert fra lyseste til mørkeste, med kodene og tankene bak.
FargerRosa gradienter som føles moderne, ikke sukkersøte
5 min lesetid
Rosa kan ligne en godteributikk eller et motemagasin. Forskjellen er sjelden selve rosafargen, men det du setter ved siden av den. Her er paletter, kombinasjoner og koder for rosa som føles aktuell.
FargerSolnedgangsgradienter: oransje, korall og skumring
5 min lesetid
De fleste solnedgangsgradienter går galt på samme sted: i midten, der blått møter oransje og blir grått. En ekte himmel gjør aldri det. Her er rekkefølgen naturen bruker, og ti paletter bygget på den.
FargerGrønne gradienter: friske, dype og elektriske
5 min lesetid
Grønt kan være en vårmorgen, en privat klubb eller en raveflyer. Her er grønne gradienter for hver av dem, med koder, og en vei ut av klisjeen med bladgrønt.
FargerSvarte gradienter: design med nesten svart
6 min lesetid
Ren svart er et hull i skjermen. De svarte gradientene som føles eksklusive, er bygget av nesten-svart med litt farge i seg, og et lys som beveger seg.
FargerRøde gradienter: energi uten alarm
6 min lesetid
Rødt fanger oppmerksomhet raskere enn noen annen farge, og det er nettopp derfor det går galt. Slik bygger du røde gradienter som føles levende, varme og selvsikre i stedet for høylytte.
FargerRegnbuegradienter som ikke ser ut som en standardinnstilling
5 min lesetid
Standardregnbuen har en skrikende gul stripe og et mørkeblått hull. Rett opp lysheten, velg buen din, og spekteret blir et av de mest gledesfylte verktøyene du har.
FargerFargekontrast: tekst som alle kan lese
5 min lesetid
Kontrast er forskjellen på ord folk leser og ord folk hopper over. WCAG-tallene på klarspråk, hvordan du sjekker dem, og hva som endres når bakgrunnen er en gradient.
FargerHex-fargekoder, RGB, HSL og OKLCH forklart
5 min lesetid
#7c3aed, rgb(124 58 237), hsl(262 83% 58%) og oklch(54.1% 0.247 293) er den samme fiolette fargen. Her er hva hver skrivemåte faktisk sier, og når hver av dem fortjener plassen sin.
FargerFargepalett fra bilde: slik henter du en fra et foto
5 min lesetid
En pipette gir deg én piksel. En palett trenger fargene du husker fra bildet, i riktige forhold. Slik kommer du fra det ene til det andre.
Farger60-30-10-regelen: et fargeforhold for design og merkevarer
5 min lesetid
De fleste paletter feiler på proporsjoner, ikke på valg. Tre tall forteller hvor mye du skal bruke av hver farge, og de fungerer like godt på en mobilskjerm som i stuene de kommer fra.
FargerVarme og kalde farger: bruk temperatur med vilje
5 min lesetid
Hver farge har en temperatur, også gråtonene og hvitfargene dine. Lær å lese den, så kan du få et design til å føles nærmere, roligere eller lysere uten å endre en eneste fargetone.