# Analoge kleuren: de makkelijkste weg naar een rustig palet [Canonical HTML page](https://gradiently.design/nl/guide/analogous-colors) Kies drie buren op het kleurenwiel en je kunt bijna niets fout doen. De kunst is ze genoeg contrast te geven om interessant te blijven en te weten wanneer je de rust doorbreekt. ## The short version - Analoge kleuren zijn tinten die op het kleurenwiel naast elkaar liggen, zoals blauw, petrol en groen. - Omdat naburige tinten zoveel delen, voelen analoge paletten rustig en natuurlijk aan, en zijn het de makkelijkste paletten om goed te krijgen. - Analoge kleuren maken de zachtste kleurverlopen, omdat de overgang tussen buren verzadigd blijft in plaats van grijs te worden. - Het grootste risico is eentonigheid, die je vermijdt door het palet een breed bereik aan helderheid te geven. - Een klein accent van de andere kant van het wiel geeft een analoog palet een brandpunt zonder de rust te breken. **Analoge kleuren** zijn tinten die op het kleurenwiel naast elkaar liggen: blauw, petrol en groen, of rood, oranje en geel. Omdat elke tint iets deelt met zijn buur, lijken ze bij elkaar te horen, zoals de kleuren van een zonsondergang of een ondiepe zee. Een analoog palet bestaat meestal uit drie tot vijf tinten over een kleine boog van het wiel, en het is de betrouwbaarste weg naar een rustige, verenigde look. Deze gids laat zien hoe je er een bouwt, hoe je voorkomt dat het vlak wordt en waarom analoge kleuren de beste kleurverlopen maken. Ben je nieuw met het wiel, lees dan eerst [zo gebruik je het kleurenwiel](https://gradiently.design/nl/guide/color-wheel). ## Wat kleuren analoog maakt Er is geen strikte grens, maar een bruikbare richtlijn is dat analoge tinten binnen ongeveer een kwart van het wiel passen, grofweg 90 graden tint. Een strakke boog van 30 graden voelt bijna monochroom. Bij meer dan 90 graden gaan de uiteinden contrasteren en begint het palet op een deel van een regenboog te lijken. | Boog op het wiel | Voorbeeld | Voelt | | --- | --- | --- | | Ongeveer 30 graden | Blauw, blauw-indigo | Bijna één kleur, heel rustig | | Ongeveer 60 graden | Blauw, hemelsblauw, petrol | Harmonieus met zachte variatie | | Ongeveer 90 graden | Indigo, blauw, hemelsblauw, petrol | Rijk, nog steeds verenigd | | Meer dan 120 graden | Violet tot groen | Begint op een regenboog te lijken | Hoe de breedte van de boog het karakter van een analoog palet verandert. - Indigo: #4f46e5 - Blauw: #2563eb - Hemelsblauw: #0284c7 - Petrol: #0d9488 Vier buren over ongeveer 70 graden, van indigo tot petrol. ## Analoge kleurenpaletten, met codes De makkelijkste manier om analoge kleuren te zien is als kleurverlopen, want daar komen ze het best tot hun recht. Elk hiervan loopt door naburige tinten en wordt lichter onderweg, waardoor het niet vlak aanvoelt. - Gloed: roest, oranje, amber: `linear-gradient(135deg, #7c2d12 0%, #ea580c 50%, #fbbf24 100%)` - Lagune: marine, petrol, munt: `linear-gradient(135deg, #1e3a8a 0%, #0e7490 50%, #34d399 100%)` - Bes: violet, magenta, roze: `linear-gradient(135deg, #4c1d95 0%, #a21caf 50%, #f472b6 100%)` - Varen: bosgroen, olijf, limoen: `linear-gradient(135deg, #14532d 0%, #3f6212 50%, #a3e635 100%)` - Schemer: inkt, indigo, lavendelblauw: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 50%, #818cf8 100%)` - Citrus: groen, goud, oranje: `linear-gradient(135deg, #4d7c0f 0%, #ca8a04 50%, #f97316 100%)` Zes analoge kleurverlopen. Elk beslaat een korte boog van tint en een groot bereik van helderheid. Merk op dat de warme paletten (Gloed, Bes, Citrus) en de koele (Lagune, Varen, Schemer) elk bij één temperatuur blijven. Dat is het grootste deel van hun rust. Warme analoge paletten voelen dichtbij, levendig en smakelijk, wat past bij eten, horeca en evenementen. Koele voelen ruim en stabiel, wat past bij welzijn, financiën en technologie. [Warme en koele kleuren](https://gradiently.design/nl/guide/warm-and-cool-colors) gaat verder in op temperatuur. Veel van de beste analoge paletten komen rechtstreeks uit de natuur, omdat licht dat door lucht, water of bladeren gaat geleidelijk door naburige tinten verschuift. Een foto van een kustlijn, een bosbodem of een avondlucht is een kant-en-klare bron; [een palet uit een afbeelding halen](https://gradiently.design/nl/guide/color-palette-from-image) laat zien hoe je er een pipetteert zonder modderige kleuren te kiezen. ## Waarom analoge kleuren de zachtste kleurverlopen maken Als een kleurverloop twee kleuren mengt, is elk punt ertussen een mengsel van die twee. Meng twee buren en het mengsel is gewoon de tint ertussen, nog steeds verzadigd. Meng twee tegenovergestelden en het mengsel heft elkaar op richting grijs. Daarom hebben [complementaire kleurverlopen](https://gradiently.design/nl/guide/complementary-colors) een helpende stop in het midden nodig en analoge nooit. - Buren: blauw naar petrol: `linear-gradient(90deg, #2563eb 0%, #0d9488 100%)` - Tegenovergestelden: blauw naar oranje: `linear-gradient(90deg, #2563eb 0%, #ea580c 100%)` Het eerste blijft helder over de hele breedte. Het tweede loopt door een doffe, grijzige midden. Dat maakt analoge overgangen een veilige keuze voor achtergronden achter tekst, merkvlakken en grote oppervlakken. Meer over dat doffe midden staat bij [modderige kleurverlopen](https://gradiently.design/nl/guide/muddy-gradients). ## Zo bouw je een analoog palet 1. **Kies een dominante tint** Begin met de kleur die het meest telt. Die beslaat het grootste deel van het ontwerp. 2. **Voeg aan elke kant een of twee buren toe** Blijf binnen ongeveer 60 tot 90 graden. Als je naar één kant leunt, krijgt het palet een richting: naar warm of naar koel. 3. **Spreid de helderheid** Maak één kleur diep en één licht. Dat voorkomt dat een analoog palet op één uitgesmeerde kleur lijkt. 4. **Varieer de verzadiging** Maak de ondersteunende kleuren iets rustiger, zodat de dominante als leider leest. 5. **Kies een accent** Als het ontwerp een brandpunt nodig heeft, voeg dan een klein beetje toe van een kleur van de andere kant van het wiel. ## Een accent toevoegen aan een analoog palet De rust van een analoog palet is ook zijn zwakte: niets valt op. Als een knop, een prijs of een sleutelwoord gezien moet worden, leen dan een kleur van de overkant van het wiel en gebruik er heel weinig van. Ontwerpers noemen dit soms analoog plus accent. Het accent werkt juist omdat al het andere het met elkaar eens is. - Diep marineblauw: #0c1a3a - Blauw: #1d4ed8 - Petrol: #0e7490 - Bleek munt: #99f6e4 - Accent: abrikoos: #fb923c Een koele analoge familie van marine tot munt, met één warm accent van de andere kant. Een staande productaankondiging met een kop op een rustige, gemengde achtergrond Analoge vlakken dragen tekst rustig, wat past bij product- en redactionele posts. ## Veelgemaakte fouten bij analoge paletten ### Vermijd - Elke kleur even helder - Een boog zo breed dat het een regenboog wordt - Een warme en een koele neiging mengen zonder plan - Tekst in een middentint uit het palet ### Doe - Een diepe, een middelste en een lichte kleur - Drie tot vijf tinten binnen ongeveer 90 graden - Eén duidelijke temperatuur - Tekst in de donkerste of lichtste kleur Wil je nog meer eenheid, smal de boog dan af tot één tint en je hebt een [monochroom palet](https://gradiently.design/nl/guide/monochromatic-color-scheme). Wil je meer energie, ga dan naar een [triadisch palet](https://gradiently.design/nl/guide/triadic-colors). ## FAQ ### Wat zijn analoge kleuren? Analoge kleuren zijn tinten die op het kleurenwiel naast elkaar liggen, zoals blauw, petrol en groen, of rood, oranje en geel. ### Hoeveel kleuren zitten in een analoog schema? Meestal drie tot vijf tinten binnen ongeveer een kwart van het kleurenwiel, met één dominante en de rest als ondersteuning. ### Waarom zien analoge kleuren er goed uit in kleurverlopen? Het mengsel van twee naburige tinten is gewoon de tint ertussen, dus de overgang blijft verzadigd en wordt in het midden nooit grijs. ### Hoe voorkom ik dat een analoog palet vlak oogt? Geef het een breed bereik aan helderheid, varieer de verzadiging een beetje en voeg indien nodig een klein accent toe van de andere kant van het wiel.