Kleurschakeringen Generator
Genereer lichte en donkere schakeringen van elke kleur voor ontwerpsystemen en UI-paletten. Uitvoer als HEX, RGB of HSL. Gratis, 100% in uw browser.
Referentie
Wat zijn tinten en schakeringen?
In kleurtheorie is een tint elke kleur gemengd met wit (waardoor deze lichter wordt) en een schakering elke kleur gemengd met zwart (waardoor deze donkerder wordt). Samen vormen ze een monochromatisch palet — variaties van één kleurtoon op verschillende lichtheidsniveaus. Deze tool genereert een volledige schaal van wit via uw basiskleur naar zwart, wat u een kant-en-klare kleurschaal geeft voor ontwerp en ontwikkeling.
Toepassingen voor kleurschakeringen
Ontwerpsystemen — genereer een 9-staps of 11-staps schakeringsschaal voor een merkkleur, volgens het patroon dat wordt gebruikt door Tailwind CSS (50–950), Material Design en de meeste moderne ontwerpsystemen. UI-componentstatussen — gebruik lichtere tinten voor achtergronden en hoverstatussen, de basiskleur voor primaire acties en donkerdere schakeringen voor tekst, randen en actieve statussen. Datavisualisatie — maak sequentiële licht-naar-donker-kleurschalen voor choropletenkaarten, heatmaps en grafieken waar intensiteit de grootte vertegenwoordigt. Toegankelijkheid — vind schakeringsparen die voldoen aan WCAG-contrastverhoudingsvereisten (4,5:1 voor normale tekst, 3:1 voor grote tekst).
Hoe schakeringen worden gegenereerd
Schakeringen worden gegenereerd door lineair te interpoleren in RGB-ruimte van wit (#FFFFFF) via de basiskleur naar zwart (#000000). Voor N schakeringen verschijnt de basiskleur op het middelpunt van de schaal. Elke stap mengt gelijkmatig, wat een consistente lichtteidsprogressie oplevert. Uitvoer is beschikbaar in HEX-, RGB- en HSL-formaten — kopieer individuele waarden of het volledige palet in één keer.
Privacy
Alle kleurgeneratie draait 100% in uw browser. Er worden geen gegevens naar een server gestuurd.