Tint & Schaduw Generator
Genereer tints (lichter) en schaduwen (donkerder) van elke basiskleur. Bouw een complete kleurschaal voor uw ontwerpsysteem.
Over deze tool
De tint- en schaduwgenerator maakt lichtere en donkerdere varianten van elke basiskleur. Tinten worden gemaakt door de basiskleur met wit te mengen (helderheid toevoegen), terwijl schaduwen worden gemaakt door met zwart te mengen (helderheid verminderen).
Het gereedschap genereert tot 5 niveaus tinten en 5 niveaus schaduwen, plus de originele basiskleur, wat een 11-stappenpalet geeft rond de gekozen tint. Klik op een staal om de hexcode te kopiëren.
Hoe te gebruiken
- Kies een basiskleur met de kleurkiezer of typ een hexcode.
- Gebruik de voorbeeldknoppen om snel vooringestelde kleuren te proberen.
- Pas het aantal niveaus (3-5) aan om de breedte van het palet te bepalen.
- Klik op een staal om de hexcode te kopiëren. Gebruik Alles kopiëren voor de volledige schaal.
Gebruiksscenario's
Ontwerpsystemen hebben een systematische kleurenschaal nodig voor elke merkkleur. UI-ontwerpers genereren hover-, actieve en uitgeschakelde toestanden van één actie-kleur. Frontend-ontwikkelaars maken consistente kleurvarianten.
Veelgestelde vragen
- Wat is het verschil tussen een tint en een schaduw? — Een tint mengt de kleur met wit (lichter); een schaduw mengt met zwart (donkerder). Een toon mengt met grijs en wordt hier niet gegenereerd.
- Hoe worden de niveaus berekend? — Elk niveau mengt de basiskleur met wit of zwart in verhoudingen van 10%, 30%, 50%, 70% en 90%, wat consistente visuele stappen geeft.
- Kan ik CSS-variabelen hieruit halen? — De uitvoer zijn hexcodes. U kunt ze in uw CSS plakken als --color-500, --color-400, enz.