Triadische kleurengenerator
Maak met deze triadische kleurengenerator een triadisch kleurenschema op basis van één basiskleur. Voer een hex-code van 3 of 6 cijfers in. De tool geeft drie kleuren terug die op het HSL-kleurwiel telkens 120 graden uit elkaar liggen. Alle kleuren hebben dezelfde verzadiging en lichtheid als je basiskleur en worden weergegeven als hex-codes die je direct kunt plakken. Ideaal voor ontwerpers en ontwikkelaars die evenwichtige, levendige paletten willen voor interfaces, illustraties en merksystemen.
Veelgestelde vragen
Wat geeft de triadische kleurengenerator terug?
De tool geeft drie kleuren terug als hex-codes van zes kleine letters. Kleur 1 is je basiskleur, kleur 2 heeft een tint die 120 graden is gedraaid en kleur 3 heeft een tint die 240 graden is gedraaid.
Hoe wordt een triadisch schema berekend?
De tool zet je hex-code om naar HSL, voegt 120 en 240 graden toe aan de tint en laat de uitkomst binnen 360 graden vallen. De verzadiging en lichtheid blijven gelijk, zodat alle drie de kleuren dezelfde helderheid en intensiteit als de basiskleur hebben.
Wat is de triade van zuiver rood?
Voor #ff0000 geeft de tool #ff0000, #00ff00 en #0000ff terug: de drie RGB primaire kleuren. Hieruit blijkt dat de tool het schermgebaseerde HSL-kleurwiel gebruikt en niet het wiel met rood, geel en blauw uit de traditionele schilderkunst.
Welke kleurformaten kan ik invoeren?
Voer een hex-code van 3 of 6 cijfers in, met of zonder #, zoals #3366cc of 36c. Notaties als RGB en HSL en kleurnamen worden niet geaccepteerd. Zet ze daarom eerst om naar hex.
Waarom is mijn basiskleur na afloop een beetje veranderd?
Bij de berekening worden gehele waarden voor tint, verzadiging en lichtheid gebruikt. Daardoor kan één kleurkanaal een stap verschuiven wanneer de basiskleur wordt omgezet naar HSL en weer terug. Zo wordt #ff5733 bijvoorbeeld #ff5833, met #33ff58 en #5833ff als de andere twee kleuren.
Hoe gebruik ik een triadisch palet zonder dat het te schreeuwerig oogt?
Laat één kleur overheersen en gebruik de andere twee als accenten, bijvoorbeeld in een verhouding van 60, 30 en 10 procent van het oppervlak. Met een minder verzadigde of donkerdere basiskleur krijg je een rustiger triade, omdat alle drie de kleuren dezelfde verzadiging en lichtheid overnemen.
Wat gebeurt er met zwart, wit of grijs?
Neutrale kleuren hebben geen verzadiging, dus een hue-rotatie levert drie keer dezelfde grijstint op. Kies een basiskleur met enige verzadiging voor drie verschillende kleuren.
Waarin verschilt triadisch van tetradisch?
Een triadisch schema heeft drie kleuren die 120 graden uit elkaar liggen, terwijl een tetradisch schema vier kleuren heeft die 90 graden uit elkaar liggen. Triaden zijn meestal makkelijker in balans te brengen; gebruik de Tetradic Color Generator als je een vierde hue nodig hebt.
Controleert de tool de toegankelijkheid?
Nee, de tool berekent alleen de kleuren. Omdat de drie kleuren dezelfde lichtheid hebben als de basiskleur, kan het contrast ertussen laag zijn. Test daarom tekst- en achtergrondcombinaties met een contrastchecker.
Is de uitvoer hetzelfde als de triadische optie van de Color Palette Generator?
Ja. Deze tool voert precies dezelfde berekening uit als de triadische optie in de Color Palette Generator. Daardoor leveren beide dezelfde hex-codes op voor dezelfde basiskleur.