Kleurverlopen

Kleurverlopen

Wat is een kleurverloop? Een heldere gids voor kleurovergangen

6 min lezen

Een kleurverloop is het eenvoudigste idee in kleur en een van de makkelijkste om fout te doen. Hier lees je wat het is, hoe het is opgebouwd, en waarom het overal op schermen terugkwam.

Kleurverlopen

Soorten kleurverlopen: lineair, radiaal, conisch en mesh uitgelegd

5 min lezen

Elk kleurverloop beweegt kleur langs een pad. Verander het pad en je verandert het gevoel. Hier vind je elke soort, hoe die eruitziet, de code ervoor en de taak waar die het best in is.

Kleurverlopen

Mesh gradient: wat het is en hoe je er een maakt

5 min lezen

Mesh gradients zijn de zachte, drijvende kleurvelden achter de helft van de lanceringspagina’s die je dit jaar hebt gezien. Zo werken ze, zo bouw je er een met de hand, en dit zijn de twee fouten die de meeste verpesten.

Kleurverlopen

Een kleurverloopachtergrond maken die niet generiek oogt

5 min lezen

De meeste kleurverloopachtergronden lijken op elkaar omdat ze uit dezelfde paar presets komen. Hier is een methode in vijf stappen om er een te maken die doordacht oogt, met codes die je kunt kopiëren.

Kleurverlopen

Korrelig kleurverloop: waarom wat ruis kleur duur laat ogen

5 min lezen

Een schoon kleurverloop oogt als een standaardinstelling van een scherm. Hetzelfde kleurverloop met een fijne laag korrel oogt als een druk, een filmbeeld of een geschilderde muur. Dit is waarom, hoeveel je toevoegt en hoe je het doet.

Kleurverlopen

Aurora-kleurverlopen: zacht licht, goed gedaan

5 min lezen

Aurora-kleurverlopen lenen de look van het noorderlicht: lichtgevende sluiers van kleur die over duisternis drijven. Ze zijn mooi, en ze kantelen snel naar screensaver-gebied. Zo houd je ze aan de goede kant.

Kleurverlopen

Waarom je kleurverloop strepen heeft, en hoe je banding oplost

5 min lezen

Je maakte een vloeiend kleurverloop en het kwam gestreept terug. Dat is banding, en het heeft een eenvoudige oorzaak en een handvol betrouwbare oplossingen. Eerst het rekenwerk, dan de remedies.

Kleurverlopen

Waarom kleurverlopen grijs worden in het midden, en wat je eraan doet

5 min lezen

Blauw en geel zouden een prachtig kleurverloop moeten geven. Meng ze op de standaardmanier en je krijgt een grijze veeg in het midden. Hier lees je precies waarom, en vier manieren om elk verloop schoon te houden.

Kleurverlopen

60 kleurcombinaties voor kleurverlopen die werken, met codes

5 min lezen

Zestig kleurverlopen, gesorteerd op het gevoel dat je zoekt in plaats van op tint. Elk is een live CSS-code die je kunt kopiëren, en elke groep legt de regel uit waardoor de overgangen werken.

Kleurverlopen

Kleurverloop met twee kleuren: 30 paren die altijd werken

5 min lezen

Twee kleuren, één richting, niets wat mis kan gaan. Bijna. Dit zijn de twee regels die bepalen of een paar werkt, en dertig paren die aan beide voldoen, klaar om te kopiëren.

Kleurverlopen

Donkere kleurverloopachtergronden: diepte zonder somberheid

5 min lezen

Donkere kleurverlopen kunnen eruitzien als een premium nachtscène of als een modderig scherm met de helderheid omlaag. Het verschil zit in een handvol keuzes, die allemaal makkelijk te kopiëren zijn.

Kleurverlopen

Pastel kleurverlopen die fris blijven, niet zoetig

5 min lezen

Pastels zijn de makkelijkste kleurverlopen om mooi te vinden en de makkelijkste om te overdrijven. Een paar regels zorgen dat ze aanvoelen als voorjaarslicht op papier in plaats van een verjaardagstaart.

Kleurverlopen

Neon kleurverlopen: gloed zonder vermoeide ogen

5 min lezen

Neon is kleur die helemaal open staat. Op een donkere ondergrond gloeit het; uitgesmeerd over een heel scherm zoemt het. Zo houd je de gloed en raak je het gezoem kwijt.

Kleurverlopen

Holografische kleurverlopen en iriserende kleur uitgelegd

5 min lezen

Holografische folie, zeepbellen en parelmoer veranderen van kleur als je beweegt. Een plat scherm kan dat niet, maar een goed gebouwd kleurverloop kan het oog ervan overtuigen dat het wel zo is.

Kleurverlopen

Duotone-effect: elke foto in twee kleuren van je merk

5 min lezen

Duotone maakt van elke foto twee kleuren naar keuze: een voor de schaduwen, een voor het licht. Het is de snelste manier om afbeeldingen die niet bij elkaar passen als één merk te laten ogen.

Kleurverlopen

Kleurverloop of effen kleur? Wanneer welke wint

5 min lezen

Effen kleur is helder, goedkoop en exact. Kleurverlopen zijn levend, eigen en moeilijker te beheersen. De meeste goede merken gebruiken beide. Zo beslis je wat elk oppervlak nodig heeft.

Kleurverlopen

Kleurverloop met textuur: korrel, papier, glas en zijde

5 min lezen

Twee kleurverlopen met precies dezelfde kleuren kunnen aanvoelen als een filmbeeld, een kaart in boekdruk, een telefoonscherm of een avondjurk. Het verschil is textuur, en die zegt meer dan de kleuren.

Kleurverlopen

Glassmorphism en kleurverlopen: een praktische gids

5 min lezen

Matglas over een gloeiend kleurverloop is een van de mooiste effecten in interfaceontwerp, en een van de makkelijkste om onleesbaar te maken. Zo krijg je de schoonheid en houd je de woorden.

Kleurverlopen

Gradient map: alles opnieuw inkleuren in seconden

5 min lezen

Een gradient map neemt elk beeld, foto, textuur of illustratie, en schildert het opnieuw in de kleuren die jij kiest, met behoud van al het licht en de schaduw. Sneller inkleuren kan niet.

Kleurverlopen

Hoek en richting van een kleurverloop: welke kant moet het op

6 min lezen

Dezelfde twee kleuren kunnen rustig, opbeurend of onrustig voelen, alleen afhankelijk van de richting waarin ze lopen. Zo kies je bewust een richting, en zo krijg je de hoek in code precies goed.

Kleurverlopen

Negen fouten met kleurverlopen die je werk goedkoop laten lijken

6 min lezen

De meeste kleurverlopen die goedkoop ogen, gaan op een van negen voorspelbare manieren mis. Hier is elke fout, wat hem veroorzaakt en de precieze aanpassing die hem oplost.

Kleurverlopen

Radiale kleurverlopen: de spotlight die het oog stuurt

5 min lezen

Een radiaal kleurverloop komt in design het dichtst bij een lamp op iets richten. Zo richt je het, bepaal je de grootte en voorkom je dat het op een schietschijf lijkt.

Kleurverlopen

Conic gradients: kleurenwielen, grafieken en glans

5 min lezen

Lineaire kleurverlopen reizen, radiale verspreiden zich en conic gradients draaien. Dat ene verschil maakt ze het juiste gereedschap voor wielen, metaal en lichtstralen.

Kleurverlopen

Kleurverlopen drukken zonder banding of modder

6 min lezen

Een kleurverloop dat op het scherm gloeit, kan vlak, gestreept of bruin van de drukker terugkomen. Bijna al die mislukkingen zijn voorspelbaar, en de meeste los je op voordat het bestand je bureau verlaat.