Kleurtinten generator
Tinten en schaduwen van elke kleur.
Vaste tokens 50–950; 50 is het lichtst, 950 het donkerst en 500 is exact de ingevoerde kleur.
UI-verhoudingen? Aspect Ratio Calculator · harmonieën: Kleurenpalet Generator · WCAG: Kleurcontrast Checker.
Bouw een kleurenpalet
Maak een vaste, perceptuele 50–950-schaal voor een designsysteem of aangepaste stappen voor lichte/donkere tinten. Kopieer daarna de aangepaste CSS-eigenschappen of download JSON.
FAQ
Wat is een tint en een schaduw?
Een tint is een lichtere variant en een schakering een donkerdere variant. Deze tool past de perceptuele OKLCH-helderheid en chroma aan in plaats van gecodeerde sRGB-kanalen te interpoleren.
Hoe kopieer ik een kleur?
Klik op een kleurstaal om de HEX-waarde te kopiëren. Gebruik CSS-variabelen kopiëren of JSON downloaden om de volledige schaal te exporteren.
Waarvoor is dit nuttig?
Kleurenpaletten en ontwerpsysteemschalen maken vanuit één merkkleur — exporteer ze als aangepaste CSS-eigenschappen of tokens in Tailwind-stijl.
Laatst bijgewerkt: