Kleurenschema Generator
Wat is het Kleurenschema Generator
Een kleurenschema-generator bouwt harmonische paletten op uit één basiskleur met kleurtheorie. Kies een kleur en krijg vijf kant-en-klare schema's: complementair (tegenover op de kleurencirkel), analoog (buren binnen 30 graden), triadisch (drie gelijkmatig verdeelde kleurtonen), split-complementair (basis plus twee kleurtonen naast het complement) en tetradisch (vier kleurtonen die een rechthoek vormen). Elke staal toont zijn hexcode voor direct gebruik in CSS, designtools of code.
Hoe te gebruiken
- Klik op de kleurkiezer of typ een hexcode in het invoerveld.
- Bekijk de vijf kleurenschema's die onder de invoer worden gegenereerd.
- Klik op een kleurstaal om de hexcode naar je klembord te kopiëren.
- Gebruik de Deel-knop om je huidige kleur als link op te slaan.
Wanneer te gebruiken
Zoek je een accent dat werkt met je merkblauw #2563EB? Plak de hex, open het triadische schema, en je krijgt het warme oranje #EB6325 klaar om aan te klikken en te kopiëren. Zet het zo in Figma of je Tailwind-config voor waarschuwingsknoppen zonder het tabblad te verlaten, en deel de link zodat een collega precies hetzelfde palet ziet.
Veelgestelde vragen
Wat is een complementair kleurenschema?
Complementaire kleuren liggen recht tegenover elkaar op de kleurencirkel, 180 graden uit elkaar. Het hoge contrast geeft visuele pit, waardoor de ene kleur afsteekt tegen de andere. Goed voor call-to-action-knoppen tegen een achtergrond in de basiskleur.
Wat is een analoog kleurenschema?
Analoge kleuren zijn buren op de kleurencirkel, binnen ongeveer 30 graden van de basiskleurtoon. Ze delen ondertonen en zien er natuurlijk samen uit, gangbaar in natuurlijke of kalme, samenhangende ontwerpen.
Wat is een triadisch kleurenschema?
Een triadisch schema kiest drie kleurtonen die precies 120 graden uit elkaar liggen. Het resultaat is levendig en gebalanceerd, met drie duidelijke kleuren van gelijk visueel gewicht.
Hoe verschilt split-complementair van complementair?
In plaats van het enkele complement gebruikt split-complementair de twee kleurtonen aan weerszijden ervan (150 en 210 graden vanaf de basis). Je krijgt contrast vergelijkbaar met complementair, maar met meer kleurvariatie en een zachter gevoel.
Kan ik deze tool delen met mijn kleur al ingevuld?
Ja. De URL wordt automatisch bijgewerkt terwijl je een kleur kiest. Kopieer de link uit de adresbalk of gebruik de Deel-knop, en iedereen die de link opent ziet dezelfde kleur en paletten.
Gerelateerde tools
Beeldverhouding Berekenen
Bereken de beeldverhouding, vind de ontbrekende breedte of hoogte en schaal afbeeldingen en video zonder de verhoudingen te vervormen. Gratis.
Barcode Generator
Genereer EAN-13- of Code 128-barcodes online. Voer je nummer of tekst in en download als SVG of PNG. Gratis, geen aanmelding nodig.
Base64 Decoder
Decodeer Base64-strings direct naar platte tekst in je browser. Ondersteunt volledige Unicode-uitvoer inclusief emoji's. Gratis online Base64-decoder.