color_lens Kleurenpalet-generator star

Hoe Het Werkt

Kleurtheorie definieert harmonieregels als vaste hoekrelaties tussen tinten op een kleurenwiel. Deze tool berekent ze in het HSL-model (Hue, Saturation, Lightness) in plaats van RGB, omdat Hue een natuurlijke waarde van 0–360° op een cirkel is — een hoek optellen om een verwante kleur te vinden is directe rekenkunde. In RGB zijn kleuren slechts drie intensiteitskanalen zonder een inherent begrip van "hoek", dus dezelfde harmoniewiskunde zou toch een interne omzetting naar HSL vereisen; deze tool werkt gewoon in de ruimte waar de wiskunde native is.

Vanuit de Hue van uw basiskleur leidt de tool af: complementair (de ene tint recht tegenover, basis + 180°, voor maximaal contrast), triadisch (drie tinten gelijkmatig verdeeld over het wiel met tussenpozen van 120°, levendig maar toch gebalanceerd), analoog (naburige tinten op ±30°, die rustig en samenhangend aanvoelen omdat ze dicht bij elkaar liggen), split-complementair (de twee tinten die het complement flankeren, op ±150°, wat contrast geeft met minder spanning dan een zuiver complementair paar), en een monochrome schaal die Hue en Saturation vasthoudt terwijl Lightness op en neer stapt. Bijvoorbeeld, een basistint van 200° (een blauw) levert een complementaire tint van 20° (een oranje) op en triadische tinten bij 320° en 80°.

Wat U Moet Weten

• Een praktisch 60-30-10-recept: gebruik de basiskleur voor ongeveer 60% van het ontwerp, een analoge tint voor 30%, en de complementaire als 10%-accent — knoppen, links, highlights.
• Harmonie is geen toegankelijkheid. Twee tinten die wiskundig verwant zijn op het wiel zeggen niets over hun helderheidscontrast; controleer combinaties van tekst op kleur apart tegen WCAG.
• Klik op een willekeurige swatch om de hexcode direct naar uw klembord te kopiëren.
• Verzadiging en helderheid blijven enorm belangrijk. Twee paletten kunnen exact dezelfde set tinten delen maar toch compleet anders aanvoelen qua sfeer — een versie met lage verzadiging en hoge helderheid oogt zacht en pastelachtig, terwijl dezelfde tinten bij volle verzadiging en lage helderheid gedurfd en dramatisch overkomen.
• Culturele associaties volgen het wiel niet. De wiskundig "correcte" harmoniepartner van een tint zegt niets over wat die kleur betekent in een bepaalde regio of branche — rood kan in de ene context alarm betekenen en in de andere feest, onafhankelijk van elke harmonieregel.

Een kort uitgewerkt voorbeeld: kies #3B82F6 (een middenblauw, ongeveer tint 217°) als basis. Het complement landt rond tint 37°, een warm oranje — een natuurlijk paar voor een primaire knop tegen een overwegend blauwe interface. De triadische set voegt tinten toe rond 97° (een geelgroen) en 337° (een magenta-roze), nuttig wanneer een ontwerp drie onderscheidende maar gebalanceerde accentkleuren nodig heeft, zoals categorielabels of de datareeksen van een grafiek.