Complementaire kleur zoeken
Vind de complementaire (tegenovergestelde) kleur van elke kleur, de RGB-inverse en de leesbare tekstkleur om erop te gebruiken.
1.306 weergaven
Hoe Het Werkt
Twee kleuren zijn complementair wanneer ze op exact tegenoverliggende punten op de kleurencirkel staan, 180° uit elkaar in tint. Wiskundig gezien zet deze tool uw kleur om naar het HSL-model, neemt de Hue-waarde en telt daar 180° modulo 360 bij op — bijvoorbeeld een tint van 40° (oranje) wordt 220° (blauw). Verzadiging en Helderheid blijven onaangeroerd, dus het complement is een echte rotatie rond het wiel, geen willekeurige andere kleur. Naast elkaar geplaatst versterken complementaire kleuren elkaar visueel, en dat is precies waarom het complement de natuurlijke keuze is voor accenten, knoppen en call-to-actions die moeten opvallen tegen een op de basiskleur gebaseerd ontwerp.
Dit effect heeft een basis in het menselijk zicht zelf. Enkele seconden naar een verzadigde kleur staren en dan naar een effen wit vlak kijken, produceert een tijdelijk nabeeld in ongeveer de complementaire kleur — een echt fysiologisch effect veroorzaakt door de tijdelijke vermoeidheid van de kleurgevoelige kegeltjes in het netvlies. Dit is deels waarom complementaire paren samen bijzonder levendig en "levend" aanvoelen: het oog wordt geprimed door hetzelfde mechanisme dat nabeelden produceert. Naast het complement berekent deze tool ook de RGB-inverse (255 min elk kanaal — het klassieke "fotonegatief") en kiest een leesbare tekstkleur (zwart of wit) voor uw invoer op basis van de waargenomen helderheid.
Wat U Moet Weten
- Complement en inverse zijn niet dezelfde bewerking — ze vallen alleen samen bij volledig verzadigde kleuren; bij alles wat gedempt, pastel of grijstinten is, geven de twee berekeningen zichtbaar verschillende resultaten.
- Gebruik het complement spaarzaam. Twee complementaire kleuren op volle sterkte in gelijke hoeveelheden hebben de neiging visueel te trillen en het oog te vermoeien; een verhouding van 90/10 oogt bewust in plaats van storend.
- De tekstkleursuggestie is een startpunt, geen WCAG-garantie — controleer de daadwerkelijke contrastverhouding voor hoofdtekst met een speciale checker voordat u publiceert.
- Een uitgewerkt voorbeeld: voor
#2563EB(een middenblauw, tint ≈ 221°) landt het complement rond tint 41° (een warm amber/oranje) en is de RGB-inverse#DA9C14— hier visueel in dezelfde buurt omdat de brongekleur redelijk verzadigd is, maar de twee methoden zouden sterk uiteenlopen bij een gedempt grijsblauw.
Veelgestelde vragen
Complementair versus inverse — wat is het verschil?
Het complement verandert alleen de Hue op de kleurencirkel (+180°) en houdt verzadiging en helderheid identiek; de RGB-inverse keert elk kanaal onafhankelijk om (255−R, 255−G, 255−B), zoals een fotonegatief. Bij een verzadigde primaire kleur kunnen beide op elkaar lijken, maar bij een middengrijs of pastel lopen ze dramatisch uiteen — de inverse van een middengrijs blijft middengrijs, terwijl het "complement" ervan technisch ongedefinieerd is omdat een volledig verzadigingsloze kleur geen tint heeft om te roteren.
Waarom zie ik het complement als ik naar een kleur staar en dan wegkijk?
Dit is het "nabeeld"-effect: de kegeltjes in uw netvlies die een bepaalde kleur waarnemen, raken tijdelijk vermoeid na langdurige blootstelling. Wanneer u dan naar een neutraal wit vlak kijkt, reageren de vermoeide cellen minder terwijl de andere normaal reageren, en uw brein interpreteert die onbalans als het zien van de complementaire kleur — een echt fysiologisch fenomeen geworteld in de chemie van het netvlies, geen optische illusie of hersentruc.
Wanneer moet ik de complementaire kleur gebruiken?
Als klein, bewust accent — knoppen, links, highlights, badges — over een ontwerp dat wordt gedomineerd door de basiskleur. Beide op volle sterkte in ongeveer gelijke hoeveelheden gebruiken heeft de neiging visueel te trillen en het oog te vermoeien in plaats van gepolijst te ogen; ontwerpers verzadigen of verdonkeren doorgaans een van het paar om het effect te verzachten.
Hoe wordt de leesbare tekstkleur bepaald?
Op basis van de waargenomen helderheid van de kleur via de YIQ-formule, die rood, groen en blauw weegt naar hoe gevoelig het menselijk oog voor elk is (groen draagt veel meer bij aan waargenomen helderheid dan blauw): lichte achtergronden krijgen donkere tekst en donkere achtergronden krijgen lichte tekst, zodat de combinatie in één oogopslag leesbaar blijft.
Waarom precies 180°, en geen andere hoek?
De kleurencirkel stelt de tint voor als een cyclus van 360°, en 180° is wiskundig het enige punt met de maximale hoekafstand tot elke gegeven tint — het verst dat een kleur van een andere kan zijn terwijl ze op hetzelfde wiel blijven. Die maximale scheiding is precies wat het sterkste visuele contrast creëert; elke kleinere hoek (zoals de 120° gebruikt voor triadische harmonie) ruilt een deel van dat contrast in voor meer balans tussen drie kleuren in plaats van twee.
Vergelijkbare tools
Probleem melden
Complementaire kleur zoeken
Reacties
Nog geen reacties — schrijf de eerste!