Maak kleurenpaletten in seconden

Een kleurenpalet is een groep kleuren die je samen gebruikt in een ontwerp. Meestal heeft het een hoofdkleur, lichtere en donkerdere versies van die kleur, en één of twee accentkleuren. Paletten worden gebruikt voor logo’s, branding, social media, websites, interfaces en illustraties.

Je krijgt geen vaste lijst: de paletten worden ter plekke gemaakt. Er wordt een basiskleur gekozen en daarbij vijf kleuren gemaakt volgens de regels van kleurharmonie (analoog, complementair, triadisch of monochroom). Elke stijl heeft eigen grenzen voor helderheid en verzadiging, dus een pastelpalet wordt zacht en een neonpalet fel. Druk in de editor op de spatiebalk voor een nieuw palet en zet de kleuren vast die je wilt houden.

Bedenk eerst wat je wilt uitstralen. Warme tinten voelen vriendelijk en energiek, koele tinten rustig en betrouwbaar, en donkere tinten elegant. Gebruik maar een paar kleuren, zorg voor genoeg contrast zodat tekst goed leesbaar is, en test het palet in een echt ontwerp voordat je kiest.

Kleuren passen bij elkaar als ze een harmonie delen: buren op de kleurencirkel (analoog), tegenovergestelden (complementair) of tinten van dezelfde kleur (monochroom). Elk palet op deze site volgt die regels. Bekijk voorbeelden bij bijpassende kleurenpaletten.

Elk palet heeft HEX-codes en je kunt kant-en-klare CSS kopiëren. Controleer ook het contrast tussen tekst en achtergrond, zodat je site goed leesbaar is, of haal een kleurenpalet uit een foto. Meer ideeën vind je bij kleuren voor websites.

De kleurencirkel zet de primaire, secundaire en tertiaire kleuren in een cirkel. Je ziet zo welke kleuren bij elkaar passen en welke contrasteren. Daarom is het het startpunt om paletten te maken. Probeer het bij kleurharmonie.

De primaire kleuren zijn rood, blauw en geel: die kun je niet maken door andere kleuren te mengen. Secundaire kleuren ontstaan door twee primaire kleuren te mengen: blauw en rood geven paars, blauw en geel geven groen, en rood en geel geven oranje. Meng je een primaire met een secundaire kleur, dan krijg je de tertiaire kleuren.

Een monochroom palet gebruikt één kleur in lichtere en donkerdere versies. Dat oogt samenhangend en elegant. Complementaire kleuren liggen tegenover elkaar op de kleurencirkel, zoals blauw en oranje. Samen geven ze maximaal contrast en laten ze elkaar opvallen.

Ja. Je kunt de HEX-codes of de CSS kopiëren en gebruiken in elk project, persoonlijk of commercieel.