So erstellen Sie einen helleren / dunkleren Farbton für den Schwebezustand einer Schaltfläche

Ich habe jetzt schon eine Weile Schaltflächen entworfen, aber wenn es darum geht, die Farbe (n) für den Schwebezustand eines Verlaufs oder eines Volumenkörpers auszuwählen, war es meistens eine Frage eines dunkleren Tons.

Gibt es da draußen eine strukturierte Farbtheorie, mit deren Hilfe sich besser beurteilen lässt, welcher Ton besser geeignet ist?

Wie dunkel soll ich vom Original gehen?

Wie kann ich hellere oder dunklere Farbtöne der "gleichen" Farbe definieren?

Wenn ich nach einer leichten Änderung der Helligkeit suche, rechne ich normalerweise - wirklich einfach zählen.

Das Hex-Format für Farben ist RRGGBBRot, Grün und Blau. Hexadezimal wird von 0 bis F gezählt (also kommt nach 9 A).

Wenn ich #191970als Haupttastenfarbe habe, füge ich jedem Farbwert 1 oder 2 hinzu, was zu einer ähnlichen, aber helleren Farbe führt. Das Hinzufügen von 1 zu jedem würde zu führen #1A1A71.

Das gleiche könnte getan werden, um einen dunkleren Farbton zu finden. Das Subtrahieren von 1 von jedem Farbwert in #191970würde zu führen #18186F.

Das Addieren oder Subtrahieren von 1 oder 2 von jedem Farbwert führt jedoch wahrscheinlich zu einem nicht unterscheidbaren Unterschied, sodass Sie wahrscheinlich mindestens 10 von jedem addieren oder subtrahieren müssen.

Wenn Sie das Zahlenformat verwenden (255, 255, 255), können Sie jede Zahl einfach mit normalen Basis-10-Operationen hinzufügen.

Durch Hinzufügen der gleichen Menge zu jedem Farbwert wird sichergestellt, dass Farbton und Sättigung konsistent bleiben und die resultierenden Farben sich harmonisch in ein Design einfügen.

Sie können auch einen Online-Generator die Farbauswahl für Sie treffen lassen und einfach den Code eingeben, den Sie benötigen: Die CSS-Verlaufsschaltfläche ist nur ein Beispiel.