Färg-toner-skuggningar
Free online Color Tints Shades tool, no installation required
Om Color Tints Shades
Detta verktyg genererar tints (ljusare varianter) och shades (mörkare varianter) av en basfärg genom att stega dess HSL-ljushet mot 100% respektive mot 0%. Du väljer hur många steg (5–20) och klickar på valfri färgruta för att kopiera dess hex. Tints håller nyans och mättnad konstanta och höjer ljusheten; shades sänker den.
Hur man använder
1. Välj en Base Color med färgväljaren eller hex-inmatningen. 2. Ställ in reglaget Steps mellan 5 och 20. 3. Kortet Tints visar ljusare varianter (varje märkt med hex och stegprocent); kortet Shades visar mörkare varianter. 4. Klicka på valfri färgruta för att kopiera dess hex; en bockikon bekräftar kopieringen.
Genereringsalgoritm
Basfärgen konverteras till HSL. För steg `i` av N sätter en tint `L = baseL + (100 - baseL) * (i / N)` och en shade sätter `L = baseL - baseL * (i / N)`, med nyans och mättnad hållna konstanta. Procentetiketten är `round((i / N) * 100)`, vilket representerar framsteg genom rampen snarare än ljushetsvärdet. Den resulterande HSL-konverteras tillbaka till RGB och sedan till hex för visning.
▶Vad betyder procenten på varje färgruta?
▶Varför ändras inte nyans och mättnad?
▶Kan jag kopiera mer än en färg åt gången?
▶Vad händer om jag anger en ogiltig hex?
Om detta verktyg har varit till hjälp för dig, överväg att bjuda mig på en kaffe.
Bjud mig på en kaffe