Illustration: Color relationships displayed on a color wheel.
Illustration: Color relationships displayed on a color wheel.
Source colors

Illustrative preview

Interactief kleurenwiel — Vind bijpassende kleurharmonieën

Vind complementaire, analoge, triadische, tetradische en vierkante kleurenschema's. Pas HEX, verzadiging en lichtheid aan en kopieer vervolgens gratis en zonder account overeenkomende kleuren.

Sleep om een basiskleur te kiezen - kopieer hexadecimale codes voor elke klassieke harmonie.

HEX-/CSS-kleur
Harmonie

Kleurenwielharmonieën uitgelegd

Complementair

Complementaire kleuren staan recht tegenover elkaar op het kleurenwiel — blauw en oranje, rood en groen. Ze zorgen voor het sterkst mogelijke contrast en de meeste levendigheid, waardoor ontwerpen energiek aanvoelen en call-to-actions opvallen. Gebruik één kleur als dominant en de complementaire kleur spaarzaam als accent om visuele spanning te voorkomen.

Gedeeld complementair

Split-complementair gebruikt een basiskleur plus de twee kleuren die naast het complement liggen. Je behoudt het hoge contrast van een complementair schema, maar verzacht de spanning, waardoor het veel moeilijker is om fout te gaan. Het is een uitstekend beginschema: één dominante tint, twee ondersteunende accenten en een van nature uitgebalanceerd resultaat.

Analoog

Analoge schema's gebruiken drie naast elkaar liggende kleuren op het wiel, zoals geel, geelgroen en groen. Omdat buren dezelfde ondertoon delen, oogt het resultaat rustig, harmonieus en natuurlijk — denk aan zonsondergangen en bossen. Kies één dominante kleur, gebruik de buren ter ondersteuning en voeg een neutrale kleur toe voor contrast.

Triadisch

Een triadisch schema kiest drie kleuren die telkens 120 graden uit elkaar liggen, zoals rood, geel en blauw. Het blijft levendig, zelfs bij bleke of gedempte varianten, en blijft in balans omdat geen enkele tint door nabijheid domineert. Laat één kleur de boventoon voeren en gebruik de andere twee voor accenten en hoogtepunten.

Tetradisch (rechthoek)

Tetradische (rechthoek) schema's gebruiken vier kleuren, gerangschikt als twee complementaire paren, 60 graden uit elkaar. Ze bieden de rijkste variatie van elke klassieke harmonie, maar zijn ook het moeilijkst in balans te houden — kies één dominante kleur, temper de andere en houd de verhouding tussen warme en koele tinten nauwlettend in de gaten.

Vierkant

Een vierkant schema verdeelt vier kleuren gelijkmatig, telkens 90 graden uit elkaar op het wiel. Net als bij een tetradisch schema worden twee complementaire duo's gecombineerd, maar door de gelijke verdeling ontstaat een pittiger, speelser evenwicht tussen warm en koel. Het werkt het best wanneer één kleur duidelijk domineert en de rest als kleine accenten fungeert.

Wat u kunt doen met Kleurenwiel

Bekijk de belangrijkste mogelijkheden voordat u begint.

  • Ontdek complementaire en analoge kleurenschema's
  • Vind triadische, tetradische en vierkante harmonieën
  • Kopieer hexadecimale codes voor elke overeenkomende kleur
  • Verfijn de verzadiging en lichtheid live
  • Kies een basiskleur voor uw ontwerppalet

Referentie instellingen

Beschikbare besturingselementen voor Kleurenwiel.

Opties

Basiskleur (tint en verzadiging)Kleurkiezer
Sleep ergens op het interactieve kleurenwiel om je startkleur te kiezen: de hoek bepaalt de kleurtoon en de afstand tot het midden bepaalt de verzadiging.
HEX-/CSS-kleurTekstinvoer
Typ of plak een HEX-code, rgb(), hsl() of CSS-kleurnaam om het wiel meteen te laten springen naar een exacte kleur die je al hebt.
VerzadigingSchuifregelaarBereik: 0–100% · Standaard: 91%
Bepaalt hoe levendig de basiskleur is, van volledig grijs bij 0% tot de zuiverste, meest intense versie van de tint bij 100%.
LichtheidSchuifregelaarBereik: 0–100% · Standaard: 60%
Bepaalt hoe licht of donker de basiskleur is, van zwart bij 0% via de pure kleurtoon naar wit bij 100%; elke harmonie wordt meteen mee aangepast.
HarmonieVoorinstellingen
Bepaalt welke klassieke relatie op de kleurencirkel wordt uitgelicht en plaatst markeringen bij de bijbehorende kleuren, zodat je ziet hoe het schema is opgebouwd.Opties: ComplementairGedeeld complementairAnaloogTriadischTetradisch (rechthoek)Vierkant
Gratis te gebruiken · Geen registratie nodig · Zonder watermerkUploads worden tijdens de overdracht versleuteldVerwijderd op grond van ons bewaarbeleid

Veelgestelde vragen

Hoe Kleurenwiel je helpt de klus te klaren

Echte problemen die het elke dag oplost – voor bedrijven, makers en alledaagse taken. Vind de use case die bij u past en begin.

Opleiding

Leer kleurentheorie

Bekijk elke klassieke kleurharmonie live berekend vanuit een basiskleur die je zelf kiest, met een heldere uitleg van wanneer en waarom elk kleurenschema werkt.

Voor makers

Kies accentkleuren voor je website

Voer de hexcode van je merk in op het kleurenwiel en gebruik split-complementaire of triadische schema's om accentkleuren te vinden die contrasteren zonder te botsen.

Voor makers

Bekijk kleurenschema's vooraf in een echte interface

Elke harmonie wordt toegepast op een kleine voorbeeldkaart — koptekst, hoofdtekst, knop en stippen — zodat je combinaties in context kunt beoordelen in plaats van als abstracte kleurstalen.

Voor makers

Kleurenpaletten voor kunst en illustratie

Gebruik analoge harmonieën voor natuurlijke, rustige scènes en complementaire harmonieën voor dramatische blikvangers, en kopieer de exacte hexcodes naar je tekenprogramma.

Bekijk each transformation land

Every foto crosses the slash untouched and comes out the other side finished.