Alles rund um die Farbe

Gib hier einfach die Farbe ein und los geht's:

Farbe
Gib die Farbe an, welche ausgewertet werden soll, z.B. "#ff8000", "rgb 255,128,0", "hsl 260,0.5,0.5", "hsl 200,50%,50%", "hsv 300,0.4,0.5", "cmyk 20%,20%,10%,0%", ...

Farbeninformation

Hier eine Liste mit Informationen rund um die gewählte Farbe. Das Lupensymbol kann verwendet werden um diese Farbe in einer anderen Kodierung zu suchen. Das ist ganz hilfreich wenn man die RGB Farbe kennt aber die Helligkeit verändern möchte.

#3b5998
rgb(59, 89, 152)

hex : #3b5998
rgb : rgb(59, 89, 152)
hsl : hsl(220.645, 44.1%, 41.4%)
Name : Cobaltblue
HEX : #3B5998
RGB : 59, 89, 152
HSL : 220.645, 0.441, 0.414
HSL % : 220.645, 44.1, 41.4
HSV : 220.645, 0.612, 0.597
HSV % : 220.645, 61.2, 59.7
CMY : 0.769, 0.651, 0.404
CMYK % : 61.2%, 41.4%, 0%, 40.4%
XYZ : 11.044, 10.342, 31.12
CIELAB : 38.449, 9.291, -37.863


Komplementärfarbe

Die Komplementärfarbe ist jene Farbe, welche auf der anderen Seite des Farbenkreises zu finden ist.
#98793b
rgb(152, 121, 59)


Analoges Farbschema

Hier die Farben zu einem analogen Farbschema. In diesem Fall wird ausgehend vom Farbton der Farbe der Farbton jeweils 30° nach rechts und nach links variiert.
#3b8998
rgb(59, 137, 152)
#3b5998
rgb(59, 89, 152)
#4b3b98
rgb(75, 59, 152)


Analoges Farbschema (nah)

Hier die Farben zu einem analogen Farbschema mit relativ nahen Farben. In diesem Fall wird ausgehend vom Farbton der Farbe der Farbton jeweils 15° nach rechts und nach links variiert.
#3b7198
rgb(59, 113, 152)
#3b5998
rgb(59, 89, 152)
#3b4398
rgb(59, 67, 152)


Triadisches Farbschema

Dieses Farbschema entsteht indem ausgehend von der gewählten Farbe der Farbton jeweils um 120° nach rechts und links verschoben wird. Damit erhält man drei Farben mit dem maximalen Abstand am Farbkreis.
#3b5998
rgb(59, 89, 152)
#983b5a
rgb(152, 59, 90)
#5a983b
rgb(90, 152, 59)


Triadisches Farbschema

Dieses Farbschema entsteht indem ausgehend von der gewählten Farbe der Farbton jeweils um 120° nach rechts und links verschoben wird. Damit erhält man drei Farben mit dem maximalen Abstand am Farbkreis.
#3b5998
rgb(59, 89, 152)
#983b5a
rgb(152, 59, 90)
#5a983b
rgb(90, 152, 59)


Geteilt komplementäres Farbschema

Bei diesem Farbschema werden zwei Farben neben der Komplementärfarbe hinzugenommen. Es wird also die Komplementärfarbe gesucht und dann jeweils ein Farbton rechts und einer links davon gewählt.
#3b5998
rgb(59, 89, 152)
#984b3b
rgb(152, 75, 59)
#89983b
rgb(137, 152, 59)


Rechteckiges Farbschema

Hier werden die Farben als Rechteck im Farbenkreis ausgewählt. Bei der hier verwendeten Implementierung wird für die genau Auswahl der Farben der goldene Winkel verwendet um möglichst gefällige Farben zu finden.
#3b5998
rgb(59, 89, 152)
#983b40
rgb(152, 59, 64)
#98793b
rgb(152, 121, 59)
#3b9893
rgb(59, 152, 147)


Rechteckiges Farbschema links

Dieses Farbschema nutzt das gleiche Prinzip wie das rechteckige Farbschema zuvor, allerdings wird das Rechteck in die andere Richtung im Farbkreis gelegt.
#3b5998
rgb(59, 89, 152)
#5f3b98
rgb(95, 59, 152)
#98793b
rgb(152, 121, 59)
#74983b
rgb(116, 152, 59)


Quadratisches Farbschema

Beim quadratischen Farbschema werden vier Farben gleichmäßig über den Farbkreis verteilt.
#3b5998
rgb(59, 89, 152)
#983b89
rgb(152, 59, 137)
#98793b
rgb(152, 121, 59)
#3b984b
rgb(59, 152, 75)


Fünf Farben Farbschema

Dieses Farbschema nutzt 5 Farben welche ausgehend von der gewählten Farbe über den Farbkreis verteilt sind. Das bedeutet, dass der Farbton jeweils um 72° verschoben ist.
#3b5998
rgb(59, 89, 152)
#8c3b98
rgb(140, 59, 152)
#98413b
rgb(152, 65, 59)
#7f983b
rgb(127, 152, 59)
#3b9866
rgb(59, 152, 102)


Sechs Farben Schema

Dieses Farbschema verteilt 6 Farben gleichmäßig über den Farbenkreis. Das bedeutet, dass der Farbton jeweils 60° vom nächsten Farbton entfernt liegt.
#3b5998
rgb(59, 89, 152)
#793b98
rgb(121, 59, 152)
#983b5a
rgb(152, 59, 90)
#98793b
rgb(152, 121, 59)
#5a983b
rgb(90, 152, 59)
#3b9879
rgb(59, 152, 121)


Aufhellung

Die Aufhellung der Farbe ergibt sich durch eine Erhöhung der Helligkeit bis hin zu weiß.
#3b5a98 | rgb(59, 90, 152)
#476cb7 | rgb(71, 108, 183)
#6585c3 | rgb(101, 133, 195)
#849dcf | rgb(132, 157, 207)
#a3b6db | rgb(163, 182, 219)
#c1cee7 | rgb(193, 206, 231)
#e0e7f3 | rgb(224, 231, 243)
#ffffff | rgb(255, 255, 255)


Schatten und Schattierung

Die Schattenfarben ergeben sich durch eine Reduzierung der Helligkeit der Farbe bis hin zu Schwarz.
#3b5a98 | rgb(59, 90, 152)
#334d82 | rgb(51, 77, 130)
#2a406d | rgb(42, 64, 109)
#223357 | rgb(34, 51, 87)
#192741 | rgb(25, 39, 65)
#111a2b | rgb(17, 26, 43)
#080d16 | rgb(8, 13, 22)
#000000 | rgb(0, 0, 0)


Sättigung der Farbe

Hier wird die Sättigung der Farbe immer stärker reduziert. Wenn die Sättigung der Farbe vollständig verschwunden ist, dann bleibt nur noch ein Grauton übrig.
#3b5a98 | rgb(59, 90, 152)
#425c91 | rgb(66, 92, 145)
#485e8b | rgb(72, 94, 139)
#4f6184 | rgb(79, 97, 132)
#56637e | rgb(86, 99, 126)
#5c6577 | rgb(92, 101, 119)
#636770 | rgb(99, 103, 112)
#6a6a6a | rgb(106, 106, 106)


Farbe Intensivieren

Bei der gewählten Farbe wird hier bei jedem Schritt die Sättigung verstärkt. Bei maximaler Sättigung ist die Farbe am intensivsten.
#3b5a98 | rgb(59, 90, 152)
#3357a1 | rgb(51, 87, 161)
#2a54a9 | rgb(42, 84, 169)
#2252b1 | rgb(34, 82, 177)
#194fba | rgb(25, 79, 186)
#114cc2 | rgb(17, 76, 194)
#0849cb | rgb(8, 73, 203)
#0046d3 | rgb(0, 70, 211)


convert-color-hues

convert-color-hues-explanation
#3b5a98 | rgb(59, 90, 152) | hsl(220, 0.441,0.414)
#403b98 | rgb(64, 59, 152) | hsl(243.226, 0.441,0.414)
#623b98 | rgb(98, 59, 152) | hsl(265.161, 0.441,0.414)
#863b98 | rgb(134, 59, 152) | hsl(288.387, 0.441,0.414)
#983b89 | rgb(152, 59, 137) | hsl(309.677, 0.441,0.414)
#983b65 | rgb(152, 59, 101) | hsl(332.903, 0.441,0.414)
#983b43 | rgb(152, 59, 67) | hsl(354.839, 0.441,0.414)
#98573b | rgb(152, 87, 59) | hsl(18.065, 0.441,0.414)
#98793b | rgb(152, 121, 59) | hsl(40, 0.441,0.414)
#93983b | rgb(147, 152, 59) | hsl(63.226, 0.441,0.414)
#71983b | rgb(113, 152, 59) | hsl(85.161, 0.441,0.414)
#4e983b | rgb(78, 152, 59) | hsl(107.742, 0.441,0.414)
#3b984b | rgb(59, 152, 75) | hsl(130.323, 0.441,0.414)
#3b986e | rgb(59, 152, 110) | hsl(152.903, 0.441,0.414)
#3b9890 | rgb(59, 152, 144) | hsl(174.839, 0.441,0.414)
#3b7c98 | rgb(59, 124, 152) | hsl(198.065, 0.441,0.414)


Color Table

Showing the color table based on modified HSL values. Values are separated by comma(,).

H (0-360):
S (0-100):
L (0-100):
Select (x-y):

Saturation: 24(-20)
1
2
3
4
5
1
#3d4429
rgb(61, 68, 41)
#294436
rgb(41, 68, 54)
#293244
rgb(41, 50, 68)
#402944
rgb(64, 41, 68)
#442b29
rgb(68, 43, 41)
2
#758350
rgb(117, 131, 80)
#508368
rgb(80, 131, 104)
#506183
rgb(80, 97, 131)
#7c5083
rgb(124, 80, 131)
#835450
rgb(131, 84, 80)
3
#a8b485
rgb(168, 180, 133)
#85b49b
rgb(133, 180, 155)
#8595b4
rgb(133, 149, 180)
#ae85b4
rgb(174, 133, 180)
#b48885
rgb(180, 136, 133)
Saturation: 44(0)
1
2
3
4
5
4
#424f1f
rgb(66, 79, 31)
#1f4f35
rgb(31, 79, 53)
#1f2f4f
rgb(31, 47, 79)
#481f4f
rgb(72, 31, 79)
#4f221f
rgb(79, 34, 31)
5
#7f983b
rgb(127, 152, 59)
#3b9866
rgb(59, 152, 102)
#3b5a98
rgb(59, 90, 152)
#8c3b98
rgb(140, 59, 152)
#98413b
rgb(152, 65, 59)
6
#b1c871
rgb(177, 200, 113)
#71c89a
rgb(113, 200, 154)
#718ec8
rgb(113, 142, 200)
#bc71c8
rgb(188, 113, 200)
#c87771
rgb(200, 119, 113)
Saturation: 64(+20)
1
2
3
4
5
7
#475a14
rgb(71, 90, 20)
#145a34
rgb(20, 90, 52)
#142b5a
rgb(20, 43, 90)
#50145a
rgb(80, 20, 90)
#5a1814
rgb(90, 24, 20)
8
#89ad26
rgb(137, 173, 38)
#26ad65
rgb(38, 173, 101)
#2653ad
rgb(38, 83, 173)
#9b26ad
rgb(155, 38, 173)
#ad2f26
rgb(173, 47, 38)
9
#badc5d
rgb(186, 220, 93)
#5ddc98
rgb(93, 220, 152)
#5d88dc
rgb(93, 136, 220)
#cb5ddc
rgb(203, 93, 220)
#dc665d
rgb(220, 102, 93)

Selected Colors

#758350
rgb(117, 131, 80)
#506183
rgb(80, 97, 131)

Schnelle Farbeninformation und Farbschema

Diese Seite entstand hauptsächlich um schnell und einfach mit Farben arbeiten zu können. Daher kann die Farbe auch direkt in der URL (als im Link) übergeben werden um Ergebnisse zu erhalten.\nHier ein paar Beispiele wie man eine Farbe übergeben kann:\nDirekte Übergabe eines Hex Farbcodes. Bitte ohne das # Zeichen:\nhttps://www.russwurm.at/color/ff8000 \n\nDirekte Übergabe eines RGB Farbcodes:\nhttps://www.russwurm.at/color/rgb(255,128,0)\n\nDirekte Übergabe eines HSL Farbwertes:\nhttps://www.russwurm.at/color/hsl(100,0.3,0.3)\n\nDie HSL Werte können auch als Prozentwerte übergeben werden:\nhttps://www.russwurm.at/color/hsl(100,30,30)

Full URL:
https://www.russwurm.at/color/3b5998//?hues=&sats=&lums=&sel=

Facebook   Google+   Xing   Twitter