Willekeurige cijfgenerator
Kies een willekeurige kleur uit het volledige 24-bit RGB-ruimte en bekijk hoe deze wordt weergegeven als een groot kleurbeeld, met alle gebruikelijke representatievormen naast elkaar: hex (#a3e1b4), RGB (rgb(163, 225, 180)), HSL en zelfs de CSS-naam van de kleur als deze overeenkomt. Klik op het kleurbeeld om opnieuw te genereren.
Hoe je een willekeurige kleur genereert
-
1
Klik op Genereren
Drie willekeurige bytes (0–255) vormen de R-, G- en B-kanalen.
-
2
Lees elk formaat
Hex, RGB, HSL en HSV worden allemaal weergegeven; kopieer de waarde die uw stijlbestand gebruikt.
-
3
Verstel het indien u dat wenst
Als het resultaat dicht bij wat u wenst ligt, schakel 'kleurvergrendeling' in om de kleur te behouden en pas de helderheid en saturatie aan te passen.
De kleurruimte
De generator gebruikt 24-bits RGB, waardoor er 16.777.216 mogelijke kleuren worden weergegeven. Dit is dezelfde kleurschaal als die uw monitor kan weergeven; echter bevinden zich enkele kleurwaarden in de donkere of ontsaturatieerde gebieden, die moeilijk te onderscheiden zijn.
Hoe elk formaat dezelfde kleur weergeeft
| Format | Syntax | Bytes per kanaal |
|---|---|---|
| Hex | #RRGGBB |
8 bits |
| RGB | rgb(R, G, B) |
8 bits |
| HSL | hsl(H, S%, L%) |
Afgeleid |
| HSV | hsv(H, S%, V%) |
Afgeleid |
| OKLCH | oklch(L C h) |
Perceptueel uniform |
Waarom een volledig willekeurige benadering onduidelijk kan overkomen
Een uniforme willekeurige RGB-sfeer leidt vaker tot waarnemelijk donkere, onversadigde kleuren dan tot heldere, levendige kleuren. Als u krachtigere resultaten wilt, rol de afbeelding opnieuw met HSL, waarbij de verzadiging boven 60% en de lichtgraad tussen 45% en 65% wordt gehouden; u krijgt dan kleuren die lijken op een tijdschriftomslag in plaats van modderachtige tinten.
Toegankelijkheid
Pas elke gegenereerde kleur toe op wit of zwart tekst en controleer het WCAG-contrastverhouding voordat u deze gebruikt als achtergrond voor een knop. Voor hoofdtekst is het minimale verhouding 4,5:1; voor grote tekst is het 3:1.
Veelgestelde vragen
Aangezien het grootste deel van het RGB-ruimte zich bevindt in het donkere, onversadigde midden, zijn alleen dichte gebieden bij de randen gekenmerkt door levendige kleuren. Voor levendige resultaten wordt genereerd in HSL of OKLCH met beperkte verzadiging.
Gebruik de kleurgebonden modus (wanneer er wordt belicht): kies een kleur in graden en het hulpmiddel verandert alleen de saturatie en lichtgraad. Handig om tonen van een merkkleur te verkennen.
Op dit moment is er geen geplante modus beschikbaar; elke klik leidt tot een onafhankelijke afbeelding die wordt gegenereerd door de cryptografische RNG. Kopieer de hexcode om een specifieke kleur te behouden.
Ongeveer. Hexcodes zijn afhankelijk van het apparaat: een gekalibreerde sRGB-scherm weergeeft ze nauwkeurig, terwijl een goedkope laptop ze naar blauw verdraait. Voor print moet u de codes eerst omzetten in CMYK voordat u het uiterlijk kunt vertrouwen.