Farbtöne und -schattierungen

Dieses Tool erzeugt Tints (hellere Varianten) und Shades (dunklere Varianten) einer Basisfarbe, indem die HSL-Helligkeit in Schritten auf 100 % bzw. auf 0 % verschoben wird. Sie wählen die Anzahl der Schritte (5-20) und klicken auf ein Farbfeld, um dessen Hex-Wert zu kopieren. Tints halten Farbton und Sättigung konstant und erhöhen die Helligkeit; Shades senken sie.

1. Wählen Sie eine Basisfarbe mit der Farbauswahl oder der Hex-Eingabe. 2. Stellen Sie den Schieberegler Schritte auf einen Wert zwischen 5 und 20. 3. Die Tints-Karte zeigt hellere Varianten (jede mit Hex-Wert und Schritt-Prozentsatz beschriftet); die Shades-Karte zeigt dunklere Varianten. 4. Klicken Sie auf ein Farbfeld, um dessen Hex-Wert zu kopieren; ein Häkchen-Symbol bestätigt das Kopieren.

Die Basisfarbe wird in HSL konvertiert. Für Schritt `i` von N setzt ein Tint `L = baseL + (100 - baseL) * (i / N)` und ein Shade `L = baseL - baseL * (i / N)`, wobei Farbton und Sättigung konstant gehalten werden. Die Prozentbeschriftung ist `round((i / N) * 100)` und gibt den Fortschritt entlang der Farbreihe an, nicht den Helligkeitswert. Das resultierende HSL wird zurück in RGB und dann in Hex zur Anzeige konvertiert.