Farbe durch Verringern des HSV-Werts abdunkeln

Dieses Werkzeug erzeugt eine dunklere Variante einer Hexfarbe, indem es deren HSV-Wert senkt und Farbton sowie Sättigung beibehält. Geben Sie eine drei- oder sechsstellige Hexfarbe und den Prozentsatz des aktuellen Werts ein, der entfernt werden soll. Sie erhalten die normalisierte Ausgangsfarbe, den abgedunkelten Hexcode, ganzzahlige RGB-Kanäle und die resultierenden HSV-Komponenten. Da die Berechnung feste Arithmetik und eindeutige Rundung verwendet, liefern gleiche Eingaben stets dasselbe Ergebnis. Ungültige Farben und Prozentsätze außerhalb von null bis hundert führen zu einem klaren Eingabefehler, statt einen Wert zu erraten oder unbemerkt zu korrigieren.

Wie eine Senkung des HSV-Werts die Farbe verändert

HSV beschreibt Farben mit Farbton, Sättigung und Wert. Der Farbton bestimmt die Position auf dem Farbkreis, die Sättigung den Abstand zu neutralem Grau und der Wert den hellsten RGB-Kanal in Prozent. Dieses Werkzeug verändert ausschließlich die letzte Komponente.

Zuerst zerlegt es den Hexcode in Rot, Grün und Blau, wandelt diese Kanäle in HSV um und multipliziert den aktuellen Wert mit eins minus dem gewünschten Betrag geteilt durch hundert. Bei fünfundzwanzig Prozent bleiben somit fünfundsiebzig Prozent des ursprünglichen Werts erhalten; es werden nicht fünfundzwanzig feste Punkte abgezogen. Dieser Unterschied ist bei bereits dunklen Farben wichtig, weil eine relative Verringerung natürlich skaliert und keinen negativen Wert erzeugen kann.

Zusätzlich wird ausdrücklich bei null begrenzt. Farbton und Sättigung bleiben unverändert, sodass ein kräftiges Blau dasselbe Blau bleibt und lediglich dunkler wird. Bei null Prozent ändert sich außer der einheitlichen Schreibweise nichts.

Bei hundert Prozent fällt der Wert auf null und die Ausgabe wird schwarz. Das Verfahren unterscheidet sich vom Senken der HSL-Helligkeit: Der HSV-Wert folgt dem höchsten RGB-Kanal und eignet sich für Farbwähler sowie bestehende HSV-Abläufe.

Gültige Farben und Prozentsätze eingeben

Übergeben Sie color als drei- oder sechsstellige CSS-Hexzeichenfolge, wahlweise mit führender Raute. Eine Kurzform wie #3AF wird vor der Umrechnung kanalweise zu #33AAFF erweitert. Groß- und Kleinbuchstaben sind erlaubt; die normalisierte Ausgangsfarbe erscheint sechsstellig in Großbuchstaben.

Vier- oder achtstellige Alphaformen werden abgelehnt, da diese Funktion eine deckende Farbe verarbeitet und Transparenz nicht mit einem Hintergrund verrechnet. Leerraum um die gesamte Zeichenfolge wird entfernt, innerhalb des Codes sind Leerzeichen und Satzzeichen jedoch ungültig. Das Pflichtfeld amount nennt den Anteil des aktuellen HSV-Werts, der entfernt wird.

Er muss eine endliche Zahl zwischen null und hundert einschließlich sein; Dezimalwerte ermöglichen präzise Token. Für Formulare akzeptiert der Solver auch numerische Zeichenfolgen, lehnt aber leere Werte, nichtnumerischen Text, Unendlichkeit, negative Zahlen und Werte über hundert ab. Die Prüfung erfindet keine Ersatzfarbe und begrenzt fehlerhafte Prozentsätze nicht stillschweigend.

Automatisierte Abläufe erkennen dadurch Konfigurationsfehler vor der Veröffentlichung. Die Antwort enthält Originalfarbe, abgedunkelten Hexcode, Betrag, RGB-Ganzzahlen und HSV-Angaben in Grad beziehungsweise Prozent.

Deterministische Ausgaben im Designprozess nutzen

Verwenden Sie das Browserwerkzeug, um den gedrückten Zustand einer Schaltfläche abzuleiten, ein dunkleres Diagrammmuster zu prüfen oder Helligkeitsstufen ohne Grafikprogramm zu vergleichen. RGB-Kanäle werden erst nach der Rückumwandlung aus HSV auf die nächste Ganzzahl gerundet, während HSV-Felder sechs Nachkommastellen erhalten. Diese feste Regel vermeidet lange Gleitkommareste und lässt genug Genauigkeit zur Kontrolle.

Erzeugen Sie eine Skala, indem Sie mehrere Beträge jeweils auf dieselbe Basis anwenden; so sammelt sich keine Rundungsabweichung an. Wählen Sie diese Funktion gezielt für das Senken des HSV-Werts. Für HSL- oder OKLCH-Helligkeit, Alpha-Mischung oder Zielkontrast benötigen Sie die jeweils passende Transformation.