Gratis online tool

Kleurenwiel

Een kleurenwiel zet alle tinten in een cirkel, zodat je in één oogopslag ziet welke kleuren bij elkaar passen: tegenover elkaar liggen de complementaire kleuren, naast elkaar de analoge, en op gelijke afstand vind je triaden en vierkanten. Kies hieronder een basiskleur en het kleurenwiel toont de kleurharmonieën met HEX-, RGB- en HSL-codes die je meteen kunt kopiëren.

Kleurenwiel
Harmonie

Jouw palet

  1. rgb(228, 87, 46)hsl(14, 77%, 54%)5.7:1 met zwarte tekst · AA
  2. rgb(46, 187, 228)hsl(194, 77%, 54%)9.3:1 met zwarte tekst · AAA

Zo gebruik je het kleurenwiel

  1. Kies een basiskleur: sleep het puntje over het wiel, typ een HEX-code of klik op Willekeurig palet.
  2. Schuif het puntje naar het midden voor zachtere, minder verzadigde kleuren en naar de rand voor felle kleuren. Met de schuifregelaar Helderheid maak je een kleur donkerder.
  3. Kies een harmonie. De extra puntjes bewegen mee met je basiskleur en houden altijd dezelfde hoeken aan, dus je kunt een kleurenschema draaien zonder dat het uit elkaar valt.
  4. Kijk naar het contrastgetal onder elk kleurvlak voordat je een kleur voor tekst gebruikt: vanaf 4,5:1 haal je WCAG AA voor tekst op normale grootte.
  5. Kopieer één HEX-code, het hele palet of een link die het palet precies zo weer opent als je het achterliet.

Kleurharmonieën op het kleurenwiel

Een kleurharmonie is een vaste meetkundige verhouding op de kleurencirkel. Omdat de hoeken gelijk blijven, waar de basiskleur ook staat, kun je een schema rond laten draaien tot het past bij je huisstijl, je foto of je interieur – en het blijft kloppen.

Complementair (180°)

Twee kleuren die recht tegenover elkaar liggen. Dit is het sterkste contrast dat het kleurenwiel kent, dus zo’n kleurpaar trekt de aandacht: een actieknop op een contrasterende achtergrond, een clublogo, de kop van een affiche. Gebruik de ene kleur voor het grootste deel van het vlak en de andere spaarzaam.

Analoog (30° aan weerszijden)

De basiskleur met haar twee buren. Het contrast is laag en het geheel voelt rustig en natuurlijk aan, zoals het rood en oranje van een zonsondergang of de groentinten van een bos. Voeg een neutrale kleur of een donkerdere variant toe, anders wordt het palet al snel vlak.

Split-complementair (150° en 210°)

Neem niet de kleur er recht tegenover, maar de twee kleuren aan weerszijden daarvan. Je behoudt het meeste van de spanning van een complementair paar, maar het geheel wordt minder fel. Daardoor is dit een vergevingsgezinde keuze voor illustraties, verpakkingen en presentaties.

Triadisch (120° uit elkaar)

Drie kleuren op gelijke afstand rond de cirkel. Levendig en toch in balans; de primaire kleuren rood, geel en blauw van de schilderskleurencirkel vormen samen een triade. Wordt het te druk, verlaag dan de verzadiging van twee van de drie kleuren.

Vierkant of tetradisch (90° uit elkaar)

Vier kleuren op gelijke afstand, oftewel twee complementaire paren. Dit is het rijkste schema op deze pagina, dus laat één kleur de hoofdrol spelen en houd de andere drie voor details en accenten.

Monochroom (één kleurtoon)

Eén kleurtoon in verschillende stappen van verzadiging en helderheid. Een monochroom palet is altijd samenhangend, werkt goed in interfaces en grafieken en past bij een merk dat één kleur bezit.

RGB of RYB: welk kleurenwiel gebruik je?

Een scherm mengt licht, dus voor digitaal ontwerp gebruik je het RGB-kleurenwiel. Rood, groen en blauw zijn de primaire kleuren en tegenover elkaar liggende kleuren tellen samen op tot wit licht: rood staat tegenover cyaan, groen tegenover magenta en blauw tegenover geel. HEX-codes, CSS en ontwerpsoftware werken allemaal met dit model, en het is ook het kleurenwiel van de app Color Wheel & Palettes.

Verf mengt pigment, en op school en de kunstacademie leer je de oudere kleurencirkel met rood, geel en blauw (RYB). Daarop ligt rood tegenover groen, geel tegenover violet en blauw tegenover oranje. Plan je een schilderij, een kamer of een outfit, zet de tool dan op Schilders (RYB): de kleuren schuiven zo op dat de harmonieën kloppen met wat je hebt geleerd, en je krijgt toch HEX-waarden die direct op een scherm bruikbaar zijn.

Geen van beide kleurenwielen is fout. Ze beschrijven verschillende materialen, dus kies het wiel dat past bij waar je kleuren uiteindelijk terechtkomen.

Warme en koude kleuren, tinten, schaduwen en tonen

Het kleurenwiel valt ruwweg in twee helften uiteen. Rood, oranje en geel voelen warm aan en lijken naar je toe te komen; groen, blauw en violet voelen koel aan en wijken terug. Een palet met één warm accent tussen koele kleuren, of juist andersom, oogt meestal bewust gekozen.

Tinten, schaduwen en tonen veranderen een kleur zonder de kleurtoon te veranderen. Een tint ontstaat door wit toe te voegen: sleep het puntje richting het midden of verlaag de Verzadiging. Een schaduw ontstaat door zwart toe te voegen: verlaag de Helderheid. Een toon voegt grijs toe, dus allebei tegelijk. De harmonie Monochroom maakt deze stappen voor je.

Gaan je kleuren een website of app in, controleer dan het tekstcontrast met de WCAG-contrastchecker en probeer voor vloeiende overgangen tussen de kleuren uit je palet de gradientgenerator.

Waar het kleurenwiel vandaan komt

Isaac Newton boog in Opticks (1704) het kleurenspectrum tot een cirkel, en daarmee kon je voor het eerst over kleuren spreken als buren en tegenpolen. Schilders kwamen later uit bij de twaalfdelige kleurencirkel met rood, geel en blauw die Johannes Itten aan het Bauhaus doceerde: drie primaire kleuren, drie secundaire kleuren die je daaruit mengt en zes tertiaire kleuren daartussen. Digitale tools hebben de pigmenten vervangen door licht, maar het idee om kleurharmonie af te lezen aan hoeken op een cirkel is gebleven.

iPhone en iPad

Neem dit palet mee naar je iPhone

Color Wheel & Palettes voor iPhone en iPad gebruikt hetzelfde digitale kleurenwiel en dezelfde harmoniehoeken als de modus Digitaal (RGB) op deze pagina. Een palet dat je hier maakt, ziet er in de app dus precies hetzelfde uit. De app voegt toe wat een browsertabblad niet kan:

  • Een paletbibliotheek die via iCloud tussen je apparaten synchroniseert (3 paletten gratis, onbeperkt met Pro).
  • Paletten uit foto’s: kies een afbeelding uit je fotobibliotheek en de app haalt er vijf duidelijk verschillende kleuren uit.
  • Exporteren naar Procreate-stalen, Adobe ASE, CSS-variabelen, Tailwind, SwiftUI en design-token-JSON (Pro).
  • Contrastcontrole voor je kleurparen en een voorbeeld voor kleurenblindheid.
  • Een widget Palet van de dag voor je beginscherm.

Meer over de kleurenwiel-app voor iPhone.

Color Wheel & Palettes-schermafbeelding

Vragen

Vragen over het kleurenwiel

Wat is de complementaire kleur van rood?

Op een digitaal (RGB) kleurenwiel is de complementaire kleur van rood cyaan (#00FFFF): ze liggen 180° uit elkaar en vormen samen wit licht. Op een schilderskleurencirkel (RYB) is de complementaire kleur van rood groen. Wissel hierboven van kleurenwiel om ze te vergelijken.

Hoeveel kleuren heeft een kleurencirkel?

Een traditionele schilderskleurencirkel heeft er 12: drie primaire kleuren (rood, geel, blauw), drie secundaire kleuren (oranje, groen, violet) en zes tertiaire kleuren daartussen. Een digitaal kleurenwiel zoals dit is doorlopend, met 360 graden kleurtoon, dus elke kleurtoon heeft een plek.

Wat is het verschil tussen triadische en tetradische kleuren?

Triadisch gebruikt drie kleuren die 120° uit elkaar liggen en voelt evenwichtig en levendig. Tetradisch, ook wel vierkant, gebruikt vier kleuren die 90° uit elkaar liggen: twee complementaire paren. Dat geeft de meeste variatie, dus laat één kleur de toon zetten en gebruik de andere als accent.

Is dit kleurenwiel gratis?

Ja. Alle zes de kleurharmonieën, beide modi van het kleurenwiel, de HEX-, RGB- en HSL-codes en de paletlink zijn gratis in elke browser, zonder account. De app Color Wheel & Palettes is gratis te downloaden; met de Pro-upgrade krijg je extra’s zoals onbeperkt paletten bewaren en bestanden exporteren.

Kan ik een palet bewaren of delen?

Met Link naar palet kopiëren worden de basiskleur, de harmonie en de modus van het kleurenwiel in het webadres opgeslagen, dus iedereen die de link opent, ziet hetzelfde palet. Wil je een bibliotheek met paletten bijhouden, ze via iCloud synchroniseren en als bestand exporteren, bewaar ze dan in de app Color Wheel & Palettes.

Gerelateerde kleurhandleidingen

Gerelateerde kleurhandleidingen

Zet kleurentheorie om in afgewerkte paletten

Download Color Wheel & Palettes en bouw harmonieën, gradients, toegankelijke contrastparen en exportklare kleuren op iPhone of iPad.

Download in de App Store