Willekeurige kleurengenerator
Genereer een nieuwe set willekeurige HEX-kleurcodes uit het 24-bits sRGB-bereik. Kies hoeveel kleurstalen je nodig hebt, bekijk elke kleur direct en kopieer de codes naar CSS, ontwerpnotities, QA-fixtures of paletexperimenten.
Zo genereer je willekeurige HEX-kleuren
-
1
Kies het aantal
Voer een getal van 1 tot 50 in, afhankelijk van hoeveel kleurstalen je wilt beoordelen.
-
2
Genereer de kleurstalen
Elk resultaat is een zescijferige HEX-code in de vorm #RRGGBB, met aparte waarden voor rood, groen en blauw.
-
3
Kopieer en test
Bewaar kleuren die goed werken, controleer contrast voordat je ze met tekst gebruikt en converteer alleen naar RGB of HSL als je workflow dat nodig heeft.
Wat de generator maakt
Elke code staat voor een sRGB-kleur met 24 bits: 8 bits voor rood, 8 voor groen en 8 voor blauw. Dat levert 16.777.216 mogelijke HEX-waarden op, van #000000 tot #FFFFFF. De tool toont de kleurstaal en de code; hij geeft geen kleurnaam, rangschikking of garantie op leesbaarheid.
Een HEX-kleur lezen
| Deel | Betekenis | Bereik |
|---|---|---|
# |
CSS-kleurmarkering | Vaste prefix |
RR |
Roodkanaal | 00 tot FF |
GG |
Groenkanaal | 00 tot FF |
BB |
Blauwkanaal | 00 tot FF |
Praktische toepassingen
- UI-states, grafiekaccenten of tijdelijke beelden schetsen wanneer de exacte kleurkeuze nog open is.
- Een startpalet maken en daarna kleuren verwijderen die te veel op elkaar lijken, te donker zijn of te hard overkomen.
- Testdata maken voor CSS, SVG, canvas en voorbeelden in design systems.
Voordat je een willekeurige kleur live gebruikt
Een willekeurige kleur is alleen een startpunt. Test hem voor tekst, knoppen en bedieningselementen tegen de voorgrond- of achtergrondkleur. WCAG AA vraagt een contrastverhouding van 4,5:1 voor normale tekst en 3:1 voor grote tekst. Voor merk- of drukwerk controleer je de kleur op gekalibreerde schermen en converteer je hem apart voor druk.
Veelgestelde vragen
Willekeurige HEX bestrijkt alle kanaalwaarden, dus veel resultaten zien er niet meteen uit als afgewerkte paletkleuren. Genereer een grotere set en houd de kleurstalen met genoeg contrast en verzadiging over.
Deze tool maakt onafhankelijke willekeurige kleuren. Voor een samenhangender palet gebruik je een paletgenerator of blijf je handmatig binnen één kleurfamilie met lichtere en donkerdere varianten.
Deze tool heeft geen seed-instelling. Kopieer de HEX-codes die je wilt bewaren, zodat je ze later opnieuw kunt gebruiken.
Ja. Zescijferige #RRGGBB HEX-waarden zijn standaard CSS-kleursyntaxis en werken in eigenschappen zoals color, background-color, randen, gradients en SVG-vullingen.
Niet zonder contrastcontrole. Een willekeurige kleurstaal kan gemakkelijk niet voldoen aan WCAG-contrast, vooral achter kleine tekst of een licht lettertype.
Gerelateerde tools
Binair naar hex-converter
Converteer binaire invoer naar een gewone uppercase hexwaarde. Niet-binaire tekens worden genegeerd en voorloopnullen blijven niet behouden.
BBCode naar HTML-converter
Converteer BBCode (bulletin-board markup) naar schone HTML. Verwerkt opmaaktags, lijsten, quotes, code, afbeeldingen, links en tabellen.
HEX-kleurkiezer
Kies of typ een HEX-kleur en krijg RGB, HSL, geschat CMYK, relatieve luminantie en contrast tegen wit en zwart.
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.
Binair naar decimaal
Converteer binaire getallen direct naar decimaal. Toont de positionele uitwerking zodat je ziet hoe elke bit bijdraagt.
Kleurenpaletgenerator
Genereer monochromatische, analoge, complementaire, triadische of tetradische paletten vanuit een HEX-basiskleur en exporteer kopieerklare CSS-variabelen.