Tinten & schaduwen
Genereer lichtere en donkerder varianten van elke kleur
Tints (lichter)
Basis
Shades (donkerder)
Over Tints & Shades
Een tint is een kleur gemengd met wit (lichter), en een shade is een kleur gemengd met zwart (donkerder). Het genereren van tints en shades vanuit een merk- of accentkleur is een snelle manier om een bruikbaar palet van achtergrond-, oppervlakte-, hover- en ingedrukte toestanden voor een UI te bouwen.
Klik op een kleurvak om de hex-code te kopiëren. Gebruik deze als uitgangspunt — je wilt mogelijk de luminantie en verzadiging in HSL verfijnen voor een meer designvriendelijk resultaat.
Veelgestelde vragen
Wat is het verschil tussen een tint, een tone en een shade?
Een tint is de kleur gemengd met wit. Een shade is de kleur gemengd met zwart. Een tone is de kleur gemengd met grijs (wat het desatureert). Deze generator verwerkt tints en shades.
Zijn deze RGB of HSL gebaseerd?
RGB lineaire interpolatie tussen de basiskleur en zuiver wit/zwart. Dit is snel en intuïtief, maar ziet er niet altijd perceptueel uniform uit — voor high-end designwerk kunnen HSL- of OKLCH-gebaseerde stappen soepelere resultaten opleveren.