Farver
Farveteori, paletter og gradientfarver med koder, du kan kopiere.
200 guides · 11 emner
FarverFarveteoriens grundbegreber for dig, der ikke designer
4 min. læsning
Du behøver ikke kunstskole for at vælge farver godt. Seks idéer forklarer næsten alle farvebeslutninger, og hver kan læres på få minutter.
FarverSådan bruger du et farvehjul til at vælge en palet
4 min. læsning
Farvehjulet er farvernes ældste værktøj og stadig det mest nyttige. Sådan læser du et, hvorfor malerens hjul og skærmhjulet er uenige, og hvordan du gør det til en palet.
FarverKomplementærfarver: kontrast, der stadig føles balanceret
5 min. læsning
Modsatte farver giver den stærkeste kontrast, farve kan tilbyde, og den hurtigste vej til et design, der summer, eller et, der råber. Forskellen er proportion og lysstyrke.
FarverAnaloge farver: den nemmeste vej til en rolig palet
5 min. læsning
Vælg tre naboer på farvehjulet, og du kan næsten ikke gå galt. Kunsten er at give dem nok kontrast til at forblive interessante og at vide, hvornår roen skal brydes.
FarverTriadic colors and split-complementary palettes, explained
5 min. læsning
Three evenly spaced colours can make a palette feel bold and balanced at once, or like a children's toy box. The difference is almost entirely about which colour leads.
FarverMonochromatic color scheme: one hue, a whole identity
4 min. læsning
One hue sounds limiting until you see how much range lives inside it. Built properly, a single colour can cover backgrounds, text, buttons and gradients, and look more distinctive than a rainbow.
FarverHow to choose brand colors: a step-by-step method
6 min. læsning
Brand colours are chosen, not found. A clear method gets you from a blank page to a palette that is distinctive, readable and still right in two years' time.
FarverFarvepsykologi: hvad der er sandt, og hvad der er myte
5 min. læsning
Oversigter, der siger, at rød betyder sult og blå tillid, er overalt, og de er for det meste for simple til at være nyttige. Her er en mere ærlig beskrivelse af, hvad farve gør, og hvordan du bruger den godt.
FarverFarvers betydning i forskellige kulturer: en forsigtig guide
6 min. læsning
Hvid kan betyde bryllup eller begravelse. Rød kan betyde fare eller held. Rejser dine designs, får du her, hvad de vigtigste farver bærer forskellige steder, og hvordan du tjekker, før du lancerer.
FarverPurple gradients: palettes, codes and how to use them
5 min. læsning
Purple is one of the most-used gradient colours on the web, which makes it both a safe choice and an easy one to get lost in. Here are palettes that feel considered, with the codes to use them.
FarverBlå gradienter: 20 paletter fra is til midnat
5 min. læsning
Blå er designs sikreste farve, og det er netop derfor, så mange blå gradienter ligner hinanden. Her er tyve, der ikke gør, ordnet fra lysest til mørkest, med koderne og tankerne bag dem.
FarverPink gradients that feel modern, not saccharine
5 min. læsning
Pink can look like a sweet shop or a fashion magazine. The difference is rarely the pink itself; it is what you put next to it. Here are palettes, pairings and codes for pink that feels current.
FarverSunset gradients: orange, coral and dusk palettes
5 min. læsning
Most sunset gradients go wrong in the same place: the middle, where blue meets orange and turns to grey. A real sky never does that. Here is the order nature uses, and ten palettes built on it.
FarverGreen gradients: fresh, deep and electric
5 min. læsning
Green can be a spring morning, a private members' club or a rave flyer. Here are green gradients for each, with codes, and a way out of the leaf-green cliché.
FarverSorte gradienter: sådan designer du med næsten sort
6 min. læsning
Ren sort er et hul i skærmen. De sorte gradienter, der føles dyre, er bygget af næsten-sorte toner med lidt farve i sig og et lys, der bevæger sig.
FarverRed gradients: energy without the alarm
5 min. læsning
Red gets attention faster than any other colour, which is exactly why it goes wrong. How to build red gradients that feel alive, warm and confident instead of loud.
FarverRainbow gradients that don't look like a default preset
5 min. læsning
The default rainbow has a glaring yellow stripe and a dark blue hole in it. Fix the lightness, choose your arc and the spectrum becomes one of the most joyful tools you have.
FarverFarvekontrast: læsbar tekst for alle
5 min. læsning
Kontrast er forskellen på ord, der bliver læst, og ord, der bliver sprunget over. WCAG-tallene på almindeligt dansk, hvordan du tjekker dem, og hvad der ændrer sig, når baggrunden er en gradient.
FarverHex-farvekoder, RGB, HSL og OKLCH forklaret
5 min. læsning
#7c3aed, rgb(124 58 237), hsl(262 83% 58%) og oklch(54.1% 0.247 293) er den samme violet. Her er, hvad hver notation egentlig siger, og hvornår hver af dem gør nytte.
FarverFarvepalet fra billede: sådan henter du en fra et foto
5 min. læsning
En pipette giver dig én pixel. En palet skal have de farver, du husker fra billedet, i de rigtige proportioner. Her er vejen fra det ene til det andet.
Farver60-30-10-reglen: en farvefordeling til design og brands
5 min. læsning
De fleste paletter fejler på proportioner, ikke på valg. Tre tal fortæller dig, hvor meget du skal bruge af hver farve, og de virker lige så godt på en telefonskærm som i de stuer, de stammer fra.
FarverWarm and cool colors: using temperature on purpose
5 min. læsning
Every colour has a temperature, including your greys and whites. Learn to read it and you can make a design feel closer, calmer or brighter without changing a single hue.