Gesplitst complementaire kleurengenerator
Genereer met deze gesplitst complementaire kleurengenerator een gesplitst complementair kleurenschema op basis van één basiskleur. Voer een hex-code van 3 of 6 cijfers in en de tool geeft je basiskleur plus de twee hues terug die aan weerszijden van de complementaire kleur op het HSL-kleurwiel liggen, op 150 en 210 graden afstand, als hex-codes. Handig voor ontwerpers en ontwikkelaars die sterk contrast willen met minder spanning dan bij een eenvoudig complementair paar.
Veelgestelde vragen
Wat geeft de gesplitst complementaire kleurengenerator terug?
De tool geeft drie kleuren terug als hex-codes van zes kleine letters. Kleur 1 is je basiskleur, kleur 2 is de hue die 150 graden is gedraaid en kleur 3 is de hue die 210 graden is gedraaid.
Wat is een gesplitst complementair schema?
In plaats van de ene kleur tegenover je basiskleur gebruikt het schema de twee kleuren naast die tegenoverliggende kleur, elk 30 graden ervan verwijderd. Je behoudt het meeste contrast van een complementair paar, maar het palet is makkelijker in balans te brengen.
Hoe wordt dit berekend?
De tool zet de hex-code om naar HSL, telt 150 en 210 graden op bij de hue en loopt door na 360 graden. De verzadiging en lichtheid blijven hetzelfde. Elk resultaat wordt vervolgens teruggezet naar een hex-code.
Wat is het gesplitst complement van puur rood?
Voor #ff0000 geeft de tool #ff0000, #00ff80 en #0080ff terug: lentegroen en azuurblauw aan weerszijden van cyaan. De tool gebruikt het schermgebaseerde HSL-kleurwiel, dus het resultaat verschilt van een kleurwiel met rood, geel en blauw zoals dat van een schilder.
Welke kleurformaten kan ik invoeren?
Voer één hex-code van 3 of 6 cijfers in, met of zonder #, zoals #3366cc of 36c. De tekenreeksen RGB en HSL en kleurnamen worden niet geaccepteerd. Zet ze daarom eerst om naar hex.
Waarom wijkt mijn basiskleur in het resultaat een beetje af?
Hue, verzadiging en lichtheid worden afgerond op hele getallen, dus als je kleur naar HSL en terug wordt omgezet, kan één kleurkanaal een stap veranderen. Zo wordt #ff5733 teruggezet als #ff5833, met #33ffbe en #3374ff ernaast.
Hoe gebruik ik een gesplitst complementair palet?
Gebruik de basiskleur als hoofdkleur en de twee gesplitste complementaire kleuren als accenten voor secundaire acties, highlights of gegevensreeksen in grafieken. Omdat de accenten niet exact tegenover de basiskleur liggen, botsen ze minder met die kleur dan een direct complement.
Wat gebeurt er met zwart, wit of grijs?
Neutrale kleuren hebben geen verzadiging, dus elke hue-rotatie levert dezelfde grijstint op. Kies een basiskleur met enige verzadiging voor drie verschillende kleuren.
Controleert de tool het contrast voor tekst?
Nee, de tool berekent alleen de kleuren. Alle drie hebben dezelfde lichtheid als de basiskleur. Controleer daarom elke combinatie van tekst en achtergrond met een contrastchecker voordat u deze publiceert.
Is de uitvoer hetzelfde als die van de kleurenpaletgenerator?
Ja. Deze tool voert precies dezelfde berekening uit als de optie Split Complementary in de kleurenpaletgenerator. Beide geven dus dezelfde hex-codes voor dezelfde basiskleur.