Farger

Fargelære, paletter og gradientfarger, med koder du kan kopiere.

200 guider · 11 emner

Farger

Grunnleggende 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.

Farger

Slik 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.

Farger

Komplementæ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.

Farger

Analoge 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.

Farger

Triadiske 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.

Farger

Monokromatisk 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.

Farger

Slik 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.

Farger

Fargepsykologi: 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.

Farger

Fargers 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.

Farger

Lilla 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.

Farger

Blå 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.

Farger

Rosa 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.

Farger

Solnedgangsgradienter: 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.

Farger

Grø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.

Farger

Svarte 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.

Farger

Rø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.

Farger

Regnbuegradienter 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.

Farger

Fargekontrast: 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.

Farger

Hex-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.

Farger

Fargepalett 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.

Farger

60-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.

Farger

Varme 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.