Analoge kleurgenerator
Kies een basiskleur en een hoekafstand. De tool toont de basiskleur met aan weerszijden een buur op de gekozen hoek, de klassieke analoge kern van drie, en voegt op tweemaal die hoek twee buitenste tinten toe voor een ruimer palet van vijf kleuren. Analoge paletten behoren tot de meest harmonieuze klassieke kleurenschema’s, omdat nabijgelegen tinten een dominante ondertoon delen. Daarom komen ze vaak voor in de natuur (zonsondergangen, bossen) en in redactioneel ontwerp.
Een analoog palet opbouwen
-
1
Kies de basiskleur
Plak een hex-code, RGB-triplet of HSL-waarde. Verzadigde middentonen geven de rijkste analoge sets.
-
2
Kies de offsethoek
30° is de klassieke analoge afstand. 15° geeft een strakkere, bijna monochrome set; 45° begint richting split-complementair te gaan.
-
3
Pas lichtheidsvariatie aan
Varieer optioneel de lichtheid over de drie tinten om een vlak palet te vermijden. De twee vleugels lichter maken geeft een zachter, redactioneel gevoel.
-
4
Exporteer de kleuren
Kopieer hex, RGB of HSL. Handig voor CSS-variabelen, Figma-stijlen of specificatiebladen voor drukwerk.
Klassieke kleurenschema’s versus analoog
| Schema | Hoekrelatie | Karakter |
|---|---|---|
| Monochroom | 0° (zelfde tint, andere helderheid/verzadiging) | Rustig, samenhangend |
| Analoog | 30° aan beide kanten | Harmonieus, natuurlijk |
| Complementair | 180° uit elkaar | Hoog contrast, spanning |
| Split-complementair | Basis + 2 tinten naast complement | Contrast met nuance |
| Triadisch | 120° uit elkaar | Gebalanceerd, levendig |
| Tetradisch | Twee complementaire paren | Rijk, complex |
Voorbeelden van analoge paletten uit de natuur
- Zonsondergang: geel → oranje → roodoranje (sprongen van 30° aan de warme kant).
- Bos: geelgroen → groen → blauwgroen.
- Oceaan: blauwgroen → blauw → blauwviolet.
- Herfst: roodoranje → oranje → geeloranje.
Ontwerpen met een analoge set
- Kies een kleur als dominant (60% van het oppervlak), gebruik de tweede als accent (30%) en de derde als highlight (10%), de “60-30-10”-regel.
- Combineer analoge kleuren met een neutrale kleur (wit, zwart, warm grijs) voor lopende tekst en interface-elementen.
- Vermijd drie analoge kleuren met gelijke verzadiging in grote vlakken, dat oogt modderig. Varieer lichtheid of verzadiging tussen de vleugels en de basis.
Kleurruimten en hoekberekening
De offset van 30° wordt berekend in HSL- of HSV-tintruimte; beide behandelen de tint als een hoek (0-360°). Wielbewerkingen in RGB werken niet: je moet naar HSL converteren, de tint draaien en terug converteren. Dat is wat de tool onder de motorkap doet. Uitvoer in alle drie notaties wordt gegeven omdat CSS, ontwerptools en drukwerkworkflows elk andere formaten verkiezen.
Veelgestelde vragen
Monochroom gebruikt een tint met verschillende lichtheid en verzadiging (marineblauw, blauw, hemelsblauw). Analoog gebruikt drie verschillende tinten die buren zijn op de kleurencirkel (blauwgroen, blauw, blauwviolet). Analoog heeft meer visuele variatie.
Analoge kleuren kunnen overlappende CMYK-inktmengsels hebben, wat het contrast op drukwerk vermindert. Controleer versies met schermproef (soft-proof) en overweeg de afstand voor drukwerk te verhogen van 30° naar 40°.
Ja, maar houd een van de drie als dominante merkkleur en geef de andere twee ondersteunende rollen (badges, accenten). Alle drie gebruiken voor primaire interface-acties veroorzaakt verwarring: gebruikers leren een kleur te koppelen aan de belangrijkste actieoproep.
De middelste drie vormen het klassieke analoge schema: de basistint en de twee buren op de gekozen hoekafstand. De twee buitenste kleuren liggen op tweemaal die hoek en zijn extra opties voor een breder palet. Bij de standaardafstand van 30° ligt de kern op ±30° en het buitenste paar op ±60°.
Gerelateerde tools
HEX-kleurkiezer
Kies visueel een kleur en krijg de HEX-, RGB-, HSL-, HSV- en CMYK-waarden, plus contrast tegen wit en zwart.
Binair naar hex-converter
Converteer binaire invoer naar een gewone uppercase hexwaarde. Niet-binaire tekens worden genegeerd en voorloopnullen blijven niet behouden.
ASCII naar binair-converter
Converteer elke ASCII-string naar zijn binaire representatie. Elk teken wordt acht bits, gescheiden door spaties, klaar voor protocoltrace of huiswerk.
BBCode naar HTML-converter
Converteer BBCode (bulletin-board markup) naar schone HTML. Verwerkt opmaaktags, lijsten, quotes, code, afbeeldingen, links en tabellen.
ASCII naar hex-converter
Converteer ASCII-tekst naar hexadecimale bytewaarden. Uitvoer gebruikt twee hex-cijfers per teken, klaar voor memory dumps, packet traces of firmwaretabellen.
Kleurenpaletgenerator
Genereer monochromatische, analoge, complementaire, triadische of tetradische paletten vanuit een HEX-basiskleur en exporteer kopieerklare CSS-variabelen.