Online tool voor vierkleurenschema
Genereer een vast rechthoekig tetradisch kleurenpalet met twee complementaire paren. Voer een basiskleur in en ontvang vier kleuren in HEX, RGB, HSV of HSL…
Aan de slag
Vierkleurenschema: werking en voorbeeld
Deze tool genereert een vast rechthoekig tetradisch kleurenschema. Dit betekent dat de kleuren niet gelijkmatig rond de kleurencirkel zijn verdeeld, maar bestaan uit twee complementaire paren. De basiskleur wordt geplaatst op 0 graden, en de overige kleuren op 60, 180 en 240 graden in de HSL-kleurruimte.
Concreet voorbeeld
Stel dat u de basiskleur #FF0000 (rood) invoert. Na het berekenen krijgt u de volgende vier kleuren:
- #FF0000 (rood)
- #FFFF00 (geel)
- #00FFFF (cyaan)
- #0000FF (blauw)
Dit voorbeeld toont aan dat de tool de basiskleur exact behoudt en de andere kleuren genereert met afgeronde HSL-waarden. De afronding kan leiden tot kleine kleurverschillen ten opzichte van andere paletgeneratoren.
Instellingen en beperkingen
De afstand tussen de kleuren is vast; er is geen optie om de hoek of de volgorde aan te passen. U kunt wel elke resulterende kleur handmatig bewerken via de kleurpanelen. Houd er rekening mee dat het palet niet automatisch een contrastscore of kleurenblindsimulatie biedt. Gebruik het palet als uitgangspunt en test de gekozen tekst- en achtergrondcombinaties afzonderlijk.
Veelgestelde vragen
1. Kan ik de kleurafstand aanpassen?
Nee, de rechthoekige tetrad gebruikt vaste verschuivingen van 60, 180 en 240 graden. Er is geen schuifregelaar of invoerveld om de hoek te wijzigen.
2. Waarom wijkt een gegenereerde kleur soms af van andere tools?
De tool rondt de HSL-waarden af naar gehele getallen voor verzadiging en helderheid. Dit kan leiden tot kleine kleurverschillen ten opzichte van tools die niet afronden of een andere kleurruimte gebruiken.
3. Kan ik een van de resulterende kleuren bewerken zonder de rest te beïnvloeden?
Ja, elke kleur in het palet is onafhankelijk bewerkbaar. Als u een kleur handmatig aanpast, blijven de andere drie kleuren ongewijzigd.
Controlelijst voor gebruik
- Kies een basiskleur die past bij uw ontwerpdoel.
- Bereken het palet en bekijk alle vier de kleuren.
- Bewerk indien nodig individuele kleuren voor fijnafstemming.
- Test de contrastverhouding van tekst- en achtergrondcombinaties afzonderlijk.
- Gebruik de HEX-waarden in uw ontwerpsoftware.
De verwerking gebeurt lokaal in je browser.