Kleurenpaletgenerator
Kies een basiskleur en een schema om een palet van twee of drie kleuren te maken. Gebruik complementaire, analoge, drieklank- of gesplitst-complementaire tinten en kopieer daarna afzonderlijke HEX-codes of sla de lijst op als tekst.
Wat je kunt doen
Paletten maken met vier schema's
Kies complementaire, analoge, drieklank- of gesplitst-complementaire tinten met behoud van de verzadiging en lichtheid van de basiskleur.
Elke kleurcode ophalen
Bekijk kleurstalen en HEX-codes, kopieer elke code afzonderlijk of sla de lijst in weergavevolgorde op als palette.txt.
Een kandidaat als volgende basis gebruiken
Selecteer bij een kandidaat ‘Als basis gebruiken’ en genereer daarna een nieuw palet.
Gebruiksaanwijzing
De basiskleur invoeren
Kies HEX, RGB, HSL, HSV of CMYK en voer de waarden in, of gebruik de kleurkiezer.
Een schema kiezen
Complementair levert twee kleuren op. Analoog, drieklank en gesplitst complementair leveren er drie op.
Een palet maken
Selecteer ‘Palet maken’ om kleurstalen en HEX-codes te bekijken. Als je het schema na het genereren wijzigt, wordt het palet bijgewerkt op basis van de bevestigde basiskleur.
De codes ophalen
Kopieer afzonderlijke codes, kopieer alles of sla op als TXT. Genereer opnieuw nadat je de basiskleur wijzigt.
Wanneer dit helpt
Accentkleurkandidaten verkennen
een basiskleur van je pagina of ontwerp gebruikt om verschillende tintrelaties te vergelijken.
Paletcodes in je notities bewaren
de HEX-lijst in weergavevolgorde kopieert of opslaat om die in een ontwerptool te gebruiken.
Kleurschema's en uitvoerbeperkingen
Vier tintrelaties
Complementair gebruikt een tint op 180 graden van de basis. Analoog gebruikt tinten 30 graden aan weerszijden, drieklank gebruikt stappen van 120 graden en gesplitst complementair gebruikt offsets van 150 en 210 graden. Bij analoog staat de basiskleur in het midden.
Verzadiging en lichtheid blijven gelijk
Het palet verschuift de tint in HSL met behoud van verzadiging en lichtheid. Resultaten worden afgerond naar 8-bits RGB en als HEX weergegeven. Bij achromatische kleuren kunnen HEX-waarden herhaald worden; het aantal en de volgorde blijven behouden.
Leesbaarheid afzonderlijk controleren
Paletten op basis van tint garanderen geen tekstcontrast of leesbaarheid. Gebruik de contrastcontrole voor elk tekst- en achtergrondpaar.
Vragen en antwoorden
Waarom kan dezelfde kleur meer dan eens voorkomen?
Als je de tint wijzigt, kunnen achromatische kleuren dezelfde HEX-waarden opleveren. Resultaten worden niet aangepast of ontdubbeld; het aantal en de volgorde van kleuren in het schema blijven behouden.
Verandert kopiëren de basiskleur?
Kopiëren verandert de basiskleur niet. ‘Als basis gebruiken’ schakelt de invoer over naar HEX en wist het vorige palet. Selecteer ‘Palet maken’ om opnieuw te genereren.
Kan ik CSS-variabelen of een afbeelding opslaan?
De uitvoer is beperkt tot het kopiëren van HEX-codes en het opslaan van palette.txt. CSS-variabelen en afbeeldingsexport zijn niet beschikbaar.
Invoer en uitvoer
- Invoer
- Basiskleur in HEX, RGB, HSL, HSV of CMYK, of een geselecteerde kleur. Alpha wordt niet ondersteund.
- Schema
- Complementair, analoog, drieklank of gesplitst complementair.
- Uitvoer
- Twee of drie HEX-codes. Kopieer ze of sla ze op als palette.txt, één per regel en in de weergegeven volgorde.