2026-06-22

Hoe maak ik een verloopachtergrond die er niet goedkoop uitziet?.

Enkele ingetogen keuzes waarmee CSS-verlopen bewust in plaats van druk of gedateerd aanvoelen.

Een goed verloop doet meestal minder dan je verwacht. Het gebruikt nabije kleuren, een duidelijke richting en genoeg lege ruimte voor de inhoud.

Het meest voorkomende probleem is het kiezen van twee heldere, verzadigde en niet-gerelateerde kleuren. Het resultaat concurreert met tekst. Begin met één merkkleur en maak die lichter, donkerder of minder verzadigd.

Drie manieren om het rustig te houden

  1. Gebruik verwante tinten. Blauw naar blauwpaars is meestal rustiger dan blauw naar feloranje.
  2. Verlaag de verzadiging. Een gedempte kleur kan diepte geven zonder het ontwerp over te nemen.
  3. Geef het verloop een doel. Het kan de blik sturen, een sectie scheiden of textuur toevoegen.

Met de Verloopmaker probeer je lineaire, radiale en conische verlopen en kopieer je de CSS. Begin met twee stops.

Zet echte inhoud erboven en controleer koppen, tekst, knoppen en mobiele layouts.