Berekening

Kleurenpaletbouwer gratis

Maak direct een bijpassend kleurenpalet van een HEX-kleur: tinten, complementaire, analoge, triadicaat- en tetradidekleuren. Inclusief kopiëren van HEX/RGB/HSL-kleuren.

Kleurenpaletmaker
Lichte tinten
Donkere tinten (schakeringen)
Aanvullend
Analoog
Triadisch
Tetradisch
Informatie

Over de gratis kleurenpaletbouwer

Het samenstellen van een kleurenpalet is een van de meest cruciale stappen in webdesign, grafisch ontwerp en merkidentiteitsprojecten. Een goed gekozen kleurenpalet verbetert de gebruikerservaring, versterkt de merkconsistentie en vermindert vermoeidheid van de ogen. Hostragons Kleurenpalet Maker Hiermee creëer je in een handomdraai vijf verschillende kleurenpaletten, uitgaande van één primaire kleur.

Hulpmiddel; tinten (lichte tinten) en tinten (donkere tinten), complementair, analoog, triade en tetradisch Het berekent kleurenharmonieën volgens de kleurentheorie. Voor elke kleur... HEX, RGB en HSL Je kunt de opmaak met één klik kopiëren. Je kunt de gewenste kleur invoeren door de HEX-code in te typen of de kleurenkiezer te gebruiken.

Alle berekeningen worden in realtime in uw browser uitgevoerd; er worden geen gegevens naar een server verzonden. U kunt deze tool gebruiken als referentie bij het voorbereiden van CSS-variabelen, Tailwind-themakleuren of Figma-kleurstijlen. Dankzij de Turkse interface en het mobielvriendelijke ontwerp werkt het naadloos op zowel desktops als smartphones.

Hoe gebruik ik het?

Stap voor stap

  1. Voer een kleurcode in het HEX-vak in (bijv. #3b82f6) of blader door de kleur door op het kleurenkiezerpictogram te klikken.
  2. De tool kiest automatisch de door u geselecteerde kleur. tinten, aanvulling, analoog, triade en tetradisch Het produceert pallets.
  3. Onder elk kleurvak HEX, RGB en HSL Je ziet de waarden; kopieer ze naar het klembord door op de gewenste opmaak te klikken.
  4. Wanneer je de hoofdkleur wijzigt, worden alle kleurenpaletten direct bijgewerkt; live preview Hierdoor zie je de harmonie meteen.
FAQ

Veelgestelde vragen

De kleur die precies tegenover (180°) de gekozen kleur op de kleurencirkel ligt, wordt de complementaire kleur genoemd. Deze kleur zorgt voor een hoog contrast en is ideaal voor opvallende accentkleuren.

Analoge kleuren zijn kleuren die naast elkaar liggen (±30°) op de kleurencirkel. Deze harmonie, die vaak in de natuur voorkomt, oogt rustgevend en evenwichtig; ze wordt dan ook veel gebruikt in kleurencombinaties voor achtergrond en tekst.

Bij triadische harmonie wordt de kleurencirkel in drie gelijke delen verdeeld (120°); dit zorgt voor evenwichtige en levendige kleurenpaletten. Bij tetradische harmonie worden vier kleuren met tussenruimtes van 90° geplaatst; dit biedt een gevarieerder kleurenpalet, maar vereist zorgvuldig gebruik.

Je kunt de kleurenkiezer van je besturingssysteem openen door op het kleurenkiezerpictogram te klikken. Als je RGB- of HSL-waarden hebt, kun je deze eerst met een online converter naar hexadecimale waarden converteren en ze hier plakken.

Kopieer de HEX- of HSL-waarde van elke kleur. :root { --primary: #3b82f6; } Je kunt het als een CSS-variabele definiëren, bijvoorbeeld zo. Het HSL-formaat is bijzonder geschikt voor het programmatisch aanpassen van helderheid/verzadiging.
Terug naar alle gratis tools