Softonic

Willekeurige kleurengenerator

Stap 1 / 4 Willekeurige kleuren
Volgende: palet

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. 1

    Kies het aantal

    Voer een getal van 1 tot 50 in, afhankelijk van hoeveel kleurstalen je wilt beoordelen.

  2. 2

    Genereer de kleurstalen

    Elk resultaat is een zescijferige HEX-code in de vorm #RRGGBB, met aparte waarden voor rood, groen en blauw.

  3. 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

ASCII-tabelreferentie

Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.

HTML-tekenreferentie

Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.

Sneltoetsenoverzicht

Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.

E-mailvalidator

Valideer een e-mailadres: RFC 5322-syntaxcontrole, live MX-record-zoekopdracht, plus details over lokaal deel, domein en lengte. Er wordt geen e-mail verstuurd.

EditorConfig-generator

Bouw een .editorconfig met je regels voor inspringen, regeleinde en tekenset, en voeg voor elke taal in je repository de juiste sectie toe: Python, Go, YAML, Makefile en meer.

Gegevensopslagomvormer

Zet gegevensgroottes om tussen bits, bytes, kilobytes, megabytes, gigabytes, terabytes en petabytes, met de decimale (1000) of binaire (1024) conventie.

Tool beschikbaar in andere talen