Kleurenpaletgenerator

Complementair, analoog, triadisch, tetradisch, gesplitst-complementair en andere op kleurtheorie gebaseerde schema's.

Ja, kopieer de HEX-/RGB-codes voor elke kleur of download het palet als afbeelding.

Drie of vier zichtbare kleuren volstaan meestal. De bekende 60-30-10-regel geeft 60% van het vlak aan de achtergrond, 30% aan een secundaire kleur en 10% aan een accent — hoe zuiniger dat accent, hoe duidelijker knoppen en links opvallen. Voeg een donkergrijs toe voor de broodtekst en een lichtgrijs voor randen en de meeste schermen zijn af. Voorbij vijf kleuren ziet niemand nog welk element ertoe doet.

Vertrek vanuit die kleur en bouw eerst een analoge reeks: tinten binnen ongeveer 30 graden aan beide zijden van de kleurencirkel verdragen elkaar en passen bij achtergronden en secundaire elementen. Voor de knop die moet opvallen leen je een kleine dosis van de complementaire kleur aan de overkant van de cirkel, en het oog gaat er meteen heen. Speelt de donkere modus mee, maak dan alvast varianten die dezelfde tint houden maar minder verzadigd en lichter zijn.