Willekeurige kleur generator

Wat de generator voor willekeurige kleuren doet

Elke klik op Genereren kiest willekeurig een nieuwe kleur en toont de code in drie formaten: HEX, RGB en HSL. De paletmodus geeft je vijf kleuren tegelijk. Vergrendel de kleuren die je mooi vindt en wissel de rest om tot de set goed voelt.

Naast elke kleur staat een contrastcontrole. Die toont hoe leesbaar witte en zwarte tekst erop zou zijn, met dezelfde contrastverhouding als de richtlijnen voor webtoegankelijkheid (WCAG).

Zo gebruik je het

1. Klik op Genereren (of druk op de spatiebalk) voor een nieuwe willekeurige kleur.
2. Kopieer de waarde die je nodig hebt. HEX-codes zoals #3A7BD5 passen bij de meeste ontwerptools en webpagina's, RGB geeft de rode, groene en blauwe delen en HSL beschrijft tint, verzadiging en helderheid.
3. Schakel over naar de paletmodus om vijf kleuren naast elkaar te zien.
4. Vergrendel elke kleur die je wilt houden. Als je opnieuw genereert, veranderen alleen de niet-vergrendelde kleuren.
5. Controleer het contrast. Bij elke kleur staat de verhouding met witte en zwarte tekst, zodat je in één oogopslag ziet welke makkelijker te lezen is.

Zo gebruik je een kleurpalet-generator

Ontwerpprojecten

Zit je vast met een kleurenschema voor een poster, presentatie, website of uitnodiging? Genereer een palet, vergrendel een of twee kleuren die goed voelen en blijf genereren tot de rest op zijn plek valt.

Oefenen met kunst en illustratie

Geef jezelf een uitdaging: schilder of teken iets met alleen de vijf kleuren op het scherm. Willekeurige beperkingen dwingen je te mengen, te lagen en combinaties te proberen die je nooit bewust zou kiezen.

Programmeren en testen

Een willekeurige hexkleur is handig voor tijdelijke achtergronden, testdata en snelle thema-experimenten. Kopieer de code direct in je stylesheet.

Knutselen en ideeën voor thuis

Breien, quilten, kaarten maken en een kamer schilderen beginnen allemaal met een kleurkeuze. Gebruik het palet als startpunt en pas het aan op de materialen die je hebt.

Kleurlessen in de klas

Laat leerlingen zien hoe HEX, RGB en HSL dezelfde kleur op verschillende manieren beschrijven. De contrastcontrole is een eenvoudige manier om uit te leggen waarom sommige tekst op bepaalde achtergronden moeilijk leesbaar is.

Tips voor het werken met kleuren

• Lees een HEX-code in paren. De zes tekens na de # zijn drie paren voor rood, groen en blauw, elk van 00 (niets) tot FF (vol).
• Gebruik HSL voor lichtere of donkerdere versies. Hou de tint gelijk en verander de helderheid om tinten en schakeringen van één kleur te krijgen in je eigen ontwerptool.
• Mik op goed contrast. WCAG AA vraagt een verhouding van minstens 4,5:1 voor gewone tekst en 3:1 voor grote tekst.
• Eerst vergrendelen, dan genereren. Heb je al een kleur waar je dol op bent, vergrendel die en laat de generator de rest voorstellen.
• Schermen en papier verschillen. Kleuren kunnen er in druk anders uitzien, dus test een proefdruk vóór een grote printklus.
• Wil je ook kunstideeën? Combineer een palet met de willekeurige afbeelding-generator of een lijst dingen om te tekenen.