Kleurschaduw-generator
Genereer een volledig spectrum van tinten en schaduwen vanuit één kleur — kies je verduister-/verlicht-stap en het aantal schaduwen, kopieer dan elke waarde direct.
Kies een basiskleur, een stap-percentage en een getal — elke tint en schaduw wordt direct in je browser berekend.
Over Kleurschaduw-generator
De Kleurtinten Generator breidt één kleur uit tot een compleet bereik van tinten en schakeringen. Geef een basiskleur op en de tool produceert steeds lichtere tinten aan de ene kant en steeds donkerdere schakeringen aan de andere kant: de klassieke 50-tot-900-reeks die in moderne designsystemen wordt gebruikt.
Twee instellingen bepalen de uitvoer: het stappercentage stelt in hoeveel lichter of donkerder elke tint wordt (1-25% per stap), en het aantal bepaalt hoeveel tinten en schakeringen aan elke kant van de basis verschijnen, tot tien. Een gradiëntstrook toont in één oogopslag een preview van de hele reeks.
Genereren gebeurt direct in je browser terwijl je typt: er wordt niets naar een server gestuurd. Kopieer een enkele waarde, de volledige lijst, of de hele reeks als CSS-variabelen, klaar om in een design-tokenbestand of een Tailwind-achtige kleurschaal te plaatsen.
Hoe gebruik je Kleurschaduw-generator
- Kies een basiskleur met de kiezer of typ een waarde; klik op "Willekeurige kleur" voor inspiratie.
- Stel het stappercentage in om te bepalen hoe sterk elke tint lichter of donkerder wordt.
- Kies het aantal tinten om te bepalen hoeveel tinten en schakeringen aan elke kant verschijnen.
- Klik op een staaltje om het te kopiëren, of gebruik "Alles kopiëren" en "CSS-variabelen kopiëren" voor de hele reeks.