Kleurschema Generator

Over deze tool

De kleurenschema-generator gebruikt kleurtheorie-relaties om harmonische paletten te maken van één basiskleur.

Deze aanpak weerspiegelt de methode van professionele ontwerphulpmiddelen.

Schematypen

• Complementair: Twee tegenoverliggende kleuren (180°). Hoog contrast.
• Analoog: Drie aangrenzende kleuren (±30°). Harmonieus en natuurlijk.
• Triadisch: Drie gelijkmatig verdeelde kleuren (120°). Levendig en uitgebalanceerd.
• Tetradisch: Vier gelijkmatig verdeelde kleuren (90°). Rijk, complex palet.
• Gesplitst complementair: Basis + twee naast het complementair. Hoog contrast maar zachter.
• Monochromatisch: Vijf tinten van dezelfde kleur. Subtiel en samenhangend.

Gebruiksscenario's

Merkontwerpers genereren volledige paletten van één merkkleur. Webontwikkelaars kiezen complementaire accentkleuren voor hover-staten.

Veelgestelde vragen

• Waarom lijken sommige kleuren op elkaar? — Dit gebeurt bij een zeer lage of hoge verzadiging/helderheid. Probeer een meer verzadigde middentoon.
• Kan ik ze gebruiken in Tailwind of CSS? — Ja. Kopieer de hex-codes en gebruik ze als aangepaste kleuren in tailwind.config of CSS-variabelen.
• Wat is HSL? — Tint-Verzadiging-Helderheid. Tint is de hoek op het kleurenwiel (0-360°).