Tints & Shades Generator
OKLCH-palet generator
Plak één hex, krijg een wiskundig consistente 50–950 ramp via OKLCH-lichtheidstops. Iedere stop wordt direct gevalideerd tegen WCAG 2.1 AA contrast vs wit en zwart. Bedoeld voor de affiliatiekit-instellingen die geen designer hebben — één hex volstaat om een complete palette te genereren die federaal-coherent is en toegankelijk.
Hoe werkt dit?
De 11 stops volgen een OKLCH-lichtheidscurve (97% → 16%) en behouden de bron-tint (H) en chroma (C). Chroma volgt een omgekeerde parabool rond het seed-niveau zodat de uiteinden niet vervagen. WCAG-contrast wordt voor elke stop berekend vs wit (#FFFFFF) en zwart (#000000) volgens WCAG 2.1 — 4.5:1 voor body text, 3:1 voor grote tekst.
De DTCG-export bevat colorSpace: "oklch" als bron én hex als sRGB-fallback per stop, conform DTCG 2025.10. Drop het bestand in institutions/<jouw-id>/brand.tokens.json als overlay.