Dunklerer Farbton einer bestimmten Farbe

Wie CK1 sagt, ist es einfach, eine dunklere Variante einer Farbe mit HSB/HSV- und HSL - Skalen (Farbton, Sättigung, Helligkeit/Wert oder Helligkeit) zu erhalten. Reduzieren Sie die Variable, die Helligkeit, Helligkeit oder Wert entspricht. Sowohl bei HSL als auch bei HSV führt Sie das direkt nach unten in Richtung Schwarz, wobei der gleiche Farbton und die gleiche Sättigung beibehalten werden. ( HSB ist im Grunde dasselbe wie HSV )

Bildquelle

In RGB -Skalen (und denken Sie daran, dass sowohl RGB- als auch CMYK-Farben mit HSB/HSL manipuliert werden können) ist es auch ziemlich einfach. Reduzieren Sie die Menge an Rot, Grün und Blau um die gleiche relative Menge – was zu weniger Licht, aber demselben Verhältnis zwischen jeder Art von Licht führt. Wenn Sie es sich wie einen 3D-Würfel vorstellen, bei dem Rot, Grün und Blau jeweils eine Dimension haben ...

Bildquelle

... Sie können sich vorstellen, dass Sie sich einfach in einer geraden Linie von Ihrer Farbe im Würfel in Richtung der schwarzen Ecke (0 Rot, 0 Grün, 0 Blau) und weg von der weißen Ecke (255 Rot, 255 Grün) bewegen , 255 Blau).

Hex-Codes sind nur RGB-Werte, die im Hexadezimalformat geschrieben sind. Die ersten beiden Zeichen nach dem # sind Rot, dann Blau, dann Grün. Hexadezimal bedeutet Zählen zur Basis 16, was so aussieht:

00=Null

01=eins

...

09=neun

0A=zehn

0B=elf

...

0E=vierzehn

0F=fünfzehn

10 = sechzehn

11 = siebzehn

...

1A = sechsundzwanzig

1B = siebenundzwanzig

...

FE = zweihundertvierundfünfzig

FF = zweihundertfünfundfünfzig

Das Internet ist voll von Formeln und Codeschnipseln, um Hexadezimalzahlen in reguläre Zahlen (mit der Basis zehn) umzuwandeln.

Für das RGB-Spektrum ist Schwarz 0,0,0und Weiß 255,255,255. Also wenn R = 53, G = 140, B = 205, dann wäre es eine dunklere Version R = 33, G = 120, B = 185und eine hellere Version R = 73, G = 160, B = 225. Ihr Kilometerstand kann variieren. Sie müssen mit den Werten spielen, um zu sehen, was Ihnen die gewünschten Farben gibt.

Hex ist dasselbe wie RGB, nur anders gemacht. Hex zerfällt in drei Paare von Ziffern zur Basis 16. Wenn Sie mit Basis 16 nicht vertraut sind, zählt es bis 10 mit 16 Ziffern statt 10. Sie würden also so zählen: 00 01 02 03 04 05 06 07 08 09 0A 0B 0C 0D 0E 0F 10. FF ein Basis 16 = 255 in Basis 10. Für #358CCDist 35der Rotwert, 8Cder Grünwert und CDder Blauwert. #000000ist schwarz und #FFFFFFweiß, so dass Sie durch Verringern oder Erhöhen jedes Farbwerts dunkler bzw. heller werden.

Wie andere gesagt haben, ist HSB eine gute Möglichkeit, mit Werteverschiebungen zu spielen. Oft habe ich meine Grundfarben definiert und benötige möglicherweise eine Variation, um einen Farbverlauf oder eine Hervorhebung in meinem CSS zu unterstützen. Für diese Art von Experimenten verwende ich gerne 0to255.com zum Generieren von Wertebereichen.

Ich habe vor einiger Zeit eine ähnliche Frage gestellt, und nach meinem Verständnis besteht der beste / einfachste Weg, einen dunkleren (oder helleren) Farbton zu erzielen, darin, das HSL- (oder HSB / HSV-) Modell zu verwenden und das L (Helligkeit) anzupassen )-Wert (oder B/V-Werte bei anderen Modellen) nach Bedarf erhöhen und verringern.

In dem Beispiel, das Sie gegeben haben, können Sie H = 204, S = 74, B = 80 nehmen und B = 80 auf B = 40 verschieben und sehen, dass Sie einen dunkleren Farbton derselben Farbe haben.