Kleurenpalet generator

Begin met een kleur die je mooi vindt of laat je verrassen, en houd de tinten die werken.

Verzegeld op dit apparaat

Werkt in je browser. Er wordt niets geüpload.

Verzegeld

Je palet

    Tip: druk op de spatiebalk voor een nieuw palet.

    Instellingen

    Bouwt het palet op rond de basiskleur. Vastgezette kleuren blijven behouden.

    Exporteren

    
                

    Zo werkt het

    1. Kies een basis of ga voor toeval

      Voer een basiskleur in en kies een harmonie, of druk op ‘Nieuw palet’ (of de spatiebalk) voor een vers palet.

    2. Zet vast wat je mooi vindt

      Zet de kleuren die je wilt houden vast en genereer opnieuw: alleen de losse kleuren veranderen. Klik op een kleurstaal om het met de hand aan te passen.

    3. Exporteer je palet

      Kopieer het als CSS-variabelen of JSON voor je code, of download een PNG om met je team te delen.

    Veelgestelde vragen

    Wat betekenen de harmonieën?

    Ze komen van de kleurencirkel. Analoge kleuren liggen naast elkaar en voelen rustig aan. Complementaire kleuren liggen tegenover elkaar en zorgen voor contrast. Gesplitst complementair, triadisch en vierkant verdelen de kleuren gelijkmatig over de cirkel voor levendigere paletten. Monochroom gebruikt lichtere en donkerdere versies van één tint.

    Hoe werkt vastzetten?

    Kies het hangslotje onder een kleur om hem te houden. Als je een nieuw palet genereert, blijven vastgezette kleuren precies op hun plek en worden de nieuwe kleuren gekozen om erbij te passen.

    Waarom zien de kleuren er zo evenwichtig uit?

    Paletten worden opgebouwd in OKLCH, een kleurruimte die is ontworpen rond het menselijk zicht. Als je daar de tint draait, blijven lichtheid en verzadiging gelijk, zodat geen enkele kleur onverwacht fel of flets oogt naast de andere.

    Hoe gebruik ik het palet in mijn project?

    Kopieer de CSS-export en plak hem in je stylesheet: je krijgt variabelen zoals --color-1 die je overal kunt gebruiken. De JSON-export geeft elke kleur in HEX, RGB en OKLCH, voor design tokens of scripts.

    Mag ik de paletten commercieel gebruiken?

    Ja. Kleuren zijn van niemand, en de paletten die je hier maakt mag je vrij gebruiken, voor persoonlijk of commercieel werk.

    One For All op je computer installeren

    One For All opent dan in een eigen venster, net als een app, rechtstreeks vanaf je bureaublad of startscherm. Je hoeft niets te downloaden uit een appstore, en je bestanden blijven nog altijd op je apparaat.

    1. Klik op het installatiepictogram rechts in de adresbalk, of open het browsermenu (⋮).
    2. Kies “One For All installeren” of “Pagina installeren als app”: er komt een snelkoppeling op je bureaublad en bij je apps.

    De engine van deze tool downloaden?

    Deze tool werkt volledig in je browser. Daarvoor moet hij de onderdelen hieronder eenmalig downloaden van One For All. Daarna blijven ze bewaard op dit apparaat, zodat de tool de volgende keer meteen start.

    Je bestanden worden nooit ergens naartoe gestuurd.