# Complementaire kleurengenerator

Vind de complementaire kleur van elke basiskleur met deze complementaire kleurengenerator. Voer een hex-code van 3 of 6 cijfers in. De tool draait de tint 180 graden op het HSL-kleurwiel en behoudt de verzadiging en lichtheid. Vervolgens geeft de tool de basis- en complementaire kleur als hex-codes terug. Ideaal voor ontwerpers en ontwikkelaars die een accent met veel contrast nodig hebben voor knoppen, markeringen, grafieken en merkafbeeldingen.

## Veelgestelde vragen

### Wat geeft de complementaire kleurengenerator terug?

De tool geeft twee kleuren terug als hex-codes van zes kleine letters. Kleur 1 is je basiskleur en kleur 2 is de complementaire kleur, die er recht tegenover staat op het kleurwiel.

### Hoe wordt de complementaire kleur berekend?

De tool zet je hex-code om naar HSL, voegt 180 graden toe aan de tint en behoudt de verzadiging en lichtheid. De gedraaide waarde wordt terug omgezet naar RGB en als hex-code weergegeven, zodat de complementaire kleur dezelfde levendigheid en helderheid heeft als de basiskleur.

### Welke kleurformaten kan ik invoeren?

Voer een hex-code van 3 of 6 cijfers in, met of zonder voorafgaande #, in hoofdletters of kleine letters, zoals #ff5733, FF5733 of #f00. Notaties als RGB en HSL en kleurnamen worden hier niet geaccepteerd. Zet ze daarom eerst met een kleurconverter om naar hex.

### Waarom verschilt kleur 1 een beetje van de hex-code die ik heb ingevoerd?

De basiskleur wordt omgezet naar HSL met gehele waarden voor tint, verzadiging en lichtheid en vervolgens terug naar hex. Daardoor kan één kleurkanaal één stap verschuiven. Zo wordt #ff5733 teruggezet als #ff5833, en is de complementaire kleur #33daff.

### Wat is het complement van zuiver rood?

Het complement van #ff0000 is #00ffff, cyaan. Deze tool gebruikt het op RGB gebaseerde HSL-kleurwiel voor schermen. Rood vormt daarop een paar met cyaan, en niet met groen zoals op het traditionele schilderswiel.

### Wat gebeurt er met zwart, wit of grijs?

Neutrale kleuren hebben geen verzadiging. Daarom verandert er niets wanneer de tint wordt gedraaid en zijn beide resultaten hetzelfde grijs. Kies een basiskleur met enige verzadiging als je een zichtbaar complement nodig hebt.

### Hoe gebruik ik een complementair paar in een ontwerp?

Gebruik één kleur voor het grootste deel van het oppervlak en spaarzaam de complementaire kleur voor oproepen tot actie, markeringen of gegevens die moeten opvallen. Gelijke hoeveelheden van beide kleuren met volledige verzadiging zorgen vaak voor een trillend beeld. Gebruik daarom een lichtere of donkerdere variant van een van de kleuren voor grote oppervlakken.

### Controleert de tool het tekstcontrast?

Nee, de tool berekent alleen het kleurenpaar. Een complement behoudt de lichtheid van de basiskleur, waardoor de twee kleuren een vergelijkbare luminantie en weinig contrast voor tekst kunnen hebben. Controleer het paar met een WCAG-contrastchecker voordat je de ene kleur op de andere gebruikt.

### Kan ik meerdere kleuren tegelijk invoeren?

Nee, elke uitvoering verwerkt precies één hex-code. Invoer met meerdere regels of extra tekst wordt afgewezen met een foutmelding. Voer de tool daarom eenmaal uit per basiskleur.

### Is het resultaat hetzelfde als dat van de kleurenpaletgenerator?

Ja. Deze tool voert dezelfde berekening uit als de optie Complementair in de kleurenpaletgenerator. Dezelfde basiskleur levert in beide tools dus altijd dezelfde twee hex-codes op.

Hier adverteren?

[E-mail ons](mailto:hi@dennn.is?subject=Adverteren%20op%20OneClick%20Pro)

[Advertentie De plug-insuite voor agents van WordPress.](https://sleekwp.com/?ref=oneclickpro)