Genereer een willekeurige HEX- en RGB-kleur

Ontwerpers en prototypemakers genereren een willekeurige kleur wanneer zij snel bruikbare HEX- en RGB-waarden nodig hebben.

Genereer een willekeurige kleur in HEX en RGB en kopieer beide waarden naar je ontwerp of test. Gebruik het rechtstreeks in je browser zonder account.

Hoe te gebruiken

Open het gereedschap voor willekeurige kleuren in je browser; het resultaatgebied is klaar om een tint te tonen.
Voer de generator uit om één kleur met de HEX- en RGB-waarden te maken.
Lees beide notaties en kopieer degene die je ontwerpsoftware of codebasis verwacht.
Genereer zo vaak als je wilt opnieuw om andere tinten te verkennen.
Wis het resultaat wanneer je klaar bent om de pagina netjes achter te laten.

Voorbeeld

Een ontwerper heeft een accentkleur nodig voor een snel ontwerp. Die genereert een tint, kopieert de HEX-waarde naar het ontwerpbestand en bewaart de RGB-waarde voor stijlvarianten, en probeert daarna een nieuwe poging tot de kleur de lay-out ondersteunt.

Limieten en formaten

Het gereedschap levert één kleur per keer, geen volledig palet, verloop of thema.
Het controleert het contrast met witte of zwarte tekst niet, dus toegankelijkheid moet elders worden gecontroleerd.
HEX en RGB beschrijven dezelfde kleur, maar het gereedschap zet niet om naar andere kleurruimten.
Een willekeurige tint kan botsen met een bestaande merkrichtlijn, dus bevestig die met de projecteigenaar.

Waar de verwerking gebeurt

De kleur wordt in je browser gegenereerd. Tijdens de generatie wordt niets naar buiten gestuurd. De pagina sluiten of het resultaat wissen is genoeg om opnieuw te beginnen.

Veelgestelde vragen

Wat betekenen de HEX- en RGB-waarden?

De HEX-waarde is een compacte notatie die in code en ontwerpgereedschappen wordt gebruikt. De RGB-waarde beschrijft dezelfde rode, groene en blauwe componenten als getallen, waardoor die makkelijk in verschillende workflows te hergebruiken is.

Kan ik meerdere kleuren tegelijk genereren?

Nee, elke uitvoering toont één kleur. Als je een palet nodig hebt, genereer dan herhaaldelijk, noteer de waarden die je wilt bewaren en rangschik ze in je gebruikelijke ontwerpprogramma.

Is de kleur geschikt voor toegankelijkheid?

Niet automatisch. Een willekeurige tint kan te dicht bij je tekst of achtergrond liggen. Controleer het contrast met een speciaal toegankelijkheidsgereedschap voordat je die gebruikt voor leesbare tekst of kritieke interface-elementen.