Kleurintensiteiten en -dichtheden

Deze tool genereert tints (lichtere varianten) en shades (donkere varianten) van een basiskleur door de HSL-lichtheid in stappen naar respectievelijk 100% en 0% te bewegen. U kiest het aantal stappen (5-20) en klikt op een staal om de hex-waarde te kopiëren. Tints houden tint en verzadiging constant en verhogen de lichtheid; shades verlagen deze.

1. Kies een basiskleur met de kleurkiezer of hex-invoer. 2. Zet de schuifregelaar Stappen tussen 5 en 20. 3. De Tints-kaart toont lichtere varianten (elk gelabeld met hex en stappercentage); de Shades-kaart toont donkere varianten. 4. Klik op een staal om de hex-waarde te kopiëren; een vinkje bevestigt het kopiëren.

De basiskleur wordt naar HSL geconverteerd. Voor stap `i` van N stelt een tint `L = baseL + (100 - baseL) * (i / N)` in en een shade `L = baseL - baseL * (i / N)`, waarbij tint en verzadiging constant worden gehouden. Het percentagelabel is `round((i / N) * 100)` en geeft de voortgang door de kleurreeks aan, niet de lichtheidswaarde. De resulterende HSL wordt teruggeconverteerd naar RGB en vervolgens naar hex voor weergave.