Generator voor complementaire kleuren

Berekening en beperkingen

De RGB-basiskleur blijft behouden als HEX in hoofdletters. Voor de tweede kleur worden HSL-tint, verzadiging en lichtheid afgerond op gehele getallen. Bij de afgeronde tint komt 180°, waarna de kleur naar RGB wordt omgerekend. De hoek staat vast. Dit verschilt van RGB-inversie met 255 min elke kanaalwaarde.

#FF0000 geeft #FF0000 en #00FFFF. De basis #3B82F6 geeft #F6AF3C als tweede kleur. Afronding kan grijstinten veranderen: #010101 geeft #000000 als tweede kleur. Een HSL-berekening zonder afronding kan afwijken.

RGB gebruikt 0–255; tint 0–360°; de overige componenten 0–100%. HSV-waarde en HSL-lichtheid zijn verschillende grootheden. Gebruik ondoorzichtige kleuren zonder alfa. Handmatig bewerken bewaart de complementaire relatie niet automatisch; genereer zo nodig opnieuw vanuit de basiskleur.

De berekening gebeurt in de browser, zonder beeldbemonstering of contrastmeting. Complementaire kleuren garanderen geen leesbare tekst, gelijke waargenomen helderheid of toegankelijkheid. Controleer tekst-achtergrondcontrast apart.