Generator voor willekeurige kleurpaletten
Een bruikbaar palet vraagt om meer dan losse willekeurige kleuren. Deze generator maakt 2 tot 15 kopieerklare HEX-kleurvlakken in een gekozen stijl, levendig, pastel, gedempt of donker, zodat u snel UI-accenten, grafiekkleuren, social visuals en merkrichtingen kunt verkennen.
Zo maakt u een willekeurig palet
-
1
Kies een stijl
Levendig verhoogt de verzadiging voor krachtige interfaces, pastel houdt kleuren licht, gedempt verlaagt de intensiteit en donker blijft in diepere tonen.
-
2
Stel het aantal kleuren in
Maak een compact paar of een grotere set tot 15 kleurvlakken voor grafieken, UI-statussen of moodboards.
-
3
Genereer of wijzig de seed
In de funnelmodus kunt u een seed bewaren om hetzelfde palet opnieuw te maken; de klassieke generator maakt elke keer een nieuwe set.
-
4
Kopieer de uitvoer
Klik op een kleurvlak om de HEX-code te kopiëren, of exporteer het volledige palet als HEX-lijst of CSS custom properties.
Snelle stijlgids
| Stijl | Geschikt voor | Let hierop |
|---|---|---|
| Levendig | Productinterfaces, campagnebeelden, grafieken die duidelijke scheiding nodig hebben | Gebruik niet elk kleurvlak op volle kracht in dezelfde lay-out |
| Pastel | Rustige achtergronden, zachte illustraties, subtiele accentsystemen | Controleer of tekstcontrast sterk genoeg blijft |
| Gedempt | Redactionele lay-outs, dashboards, volwassen merksystemen | Voeg een duidelijker accent toe als de set te vlak oogt |
| Donker | Donkere interfaces, datavisualisaties en blokken met veel impact | Test lichte tekst en focusstatussen vóór publicatie |
Praktische tips
- Geef elke kleur een rol. Een UI-palet heeft meestal een dominante oppervlaktekleur, een of twee ondersteunende kleuren en een paar accenten nodig.
- Controleer contrast per paar. Een palet kan als kleurvlakken mooi zijn en toch mislukken zodra er tekst op staat. Test de echte voorgrond- en achtergrondcombinaties die u gaat publiceren.
- Gebruik de seed wanneer herhaalbaarheid nodig is. Is een palet bijna goed, genereer dan een andere seed; werkt het wel, bewaar de seed in de projectnotities zodat u het later kunt reproduceren.
Handige formaten
De generator geeft HEX uit omdat dit formaat goed werkt tussen designtools, CSS en documentatie. HSL is handig wanneer u in tint, verzadiging en lichtheid wilt denken. OKLCH is het leren waard voor toegankelijke designsystemen, omdat het een perceptueel gelijkmatiger manier biedt om over lichtheid en chroma te redeneren.
Veelgestelde vragen
Alleen een willekeurige tint is niet genoeg. Paletten worden bruikbaarder wanneer verzadiging en lichtheid per rol verschillen: bijvoorbeeld een licht oppervlak, een middentoon als ondersteuning en een sterker accent.
Gedempt of pastel is meestal het makkelijkst te presenteren, omdat typografie, fotografie en witruimte genoeg ruimte houden. Levendige paletten kunnen goed werken, maar vragen meer discipline.
Ja: kopieer één kleurvlak als HEX, het hele palet als een door spaties gescheiden HEX-lijst, of een blok CSS custom properties vanuit de exportstap.
Nee. Gebruik de gegenereerde kleuren als startpunt en controleer vóór publicatie de exacte tekst- en achtergrondparen volgens de WCAG-richtlijnen voor contrast.
Gerelateerde tools
Binair naar hex-converter
Converteer binaire invoer naar een gewone uppercase hexwaarde. Niet-binaire tekens worden genegeerd en voorloopnullen blijven niet behouden.
Binair naar decimaal
Converteer binaire getallen direct naar decimaal. Toont de positionele uitwerking zodat je ziet hoe elke bit bijdraagt.
HEX-kleurkiezer
Kies of typ een HEX-kleur en krijg RGB, HSL, geschat CMYK, relatieve luminantie en contrast tegen wit en zwart.
BBCode naar HTML-converter
Converteer BBCode (bulletin-board markup) naar schone HTML. Verwerkt opmaaktags, lijsten, quotes, code, afbeeldingen, links en tabellen.
Binair naar ASCII-converter
Plak binaire data (spatiegescheiden bytes of een lange bitstream) en krijg de ASCII-tekst die die data vertegenwoordigt. Verwerkt 7-bit en 8-bit encodings.
Kleurenpaletgenerator
Genereer monochromatische, analoge, complementaire, triadische of tetradische paletten vanuit een HEX-basiskleur en exporteer kopieerklare CSS-variabelen.