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.

#e95950
rgb(233, 89, 80)

hex : #e95950
rgb : rgb(233, 89, 80)
hsl : hsl(3.529, 77.7%, 61.4%)
Name : Scarlet
HEX : #E95950
RGB : 233, 89, 80
HSL : 3.529, 0.777, 0.614
HSL % : 3.529, 77.7, 61.4
HSV : 3.529, 0.656, 0.914
HSV % : 3.529, 65.6, 91.4
CMY : 0.086, 0.651, 0.686
CMYK % : 0%, 61.8%, 65.7%, 8.6%
XYZ : 38.625, 25.048, 10.388
CIELAB : 57.122, 55.169, 34.685


Komplementärfarbe

Die Komplementärfarbe ist jene Farbe, welche auf der anderen Seite des Farbenkreises zu finden ist.
#50e1e9
rgb(80, 225, 233)


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.
#e95095
rgb(233, 80, 149)
#e95950
rgb(233, 89, 80)
#e9a450
rgb(233, 164, 80)


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.
#e9506f
rgb(233, 80, 111)
#e95950
rgb(233, 89, 80)
#e97e50
rgb(233, 126, 80)


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.
#e95950
rgb(233, 89, 80)
#50e958
rgb(80, 233, 88)
#5850e9
rgb(88, 80, 233)


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.
#e95950
rgb(233, 89, 80)
#50e958
rgb(80, 233, 88)
#5850e9
rgb(88, 80, 233)


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.
#e95950
rgb(233, 89, 80)
#50e9a4
rgb(80, 233, 164)
#5095e9
rgb(80, 149, 233)


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.
#e95950
rgb(233, 89, 80)
#50e983
rgb(80, 233, 131)
#50e1e9
rgb(80, 225, 233)
#e950b6
rgb(233, 80, 182)


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.
#e95950
rgb(233, 89, 80)
#e9c550
rgb(233, 197, 80)
#50e1e9
rgb(80, 225, 233)
#5074e9
rgb(80, 116, 233)


Quadratisches Farbschema

Beim quadratischen Farbschema werden vier Farben gleichmäßig über den Farbkreis verteilt.
#e95950
rgb(233, 89, 80)
#95e950
rgb(149, 233, 80)
#50e1e9
rgb(80, 225, 233)
#a450e9
rgb(164, 80, 233)


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.
#e95950
rgb(233, 89, 80)
#c3e950
rgb(195, 233, 80)
#50e995
rgb(80, 233, 149)
#5086e9
rgb(80, 134, 233)
#d250e9
rgb(210, 80, 233)


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.
#e95950
rgb(233, 89, 80)
#e1e950
rgb(225, 233, 80)
#50e958
rgb(80, 233, 88)
#50e1e9
rgb(80, 225, 233)
#5850e9
rgb(88, 80, 233)
#e950e1
rgb(233, 80, 225)


Aufhellung

Die Aufhellung der Farbe ergibt sich durch eine Erhöhung der Helligkeit bis hin zu weiß.
#e95850 | rgb(233, 88, 80)
#ec7069 | rgb(236, 112, 105)
#ef8882 | rgb(239, 136, 130)
#f29f9b | rgb(242, 159, 155)
#f6b7b4 | rgb(246, 183, 180)
#f9cfcd | rgb(249, 207, 205)
#fce7e6 | rgb(252, 231, 230)
#ffffff | rgb(255, 255, 255)


Schatten und Schattierung

Die Schattenfarben ergeben sich durch eine Reduzierung der Helligkeit der Farbe bis hin zu Schwarz.
#e95850 | rgb(233, 88, 80)
#e43228 | rgb(228, 50, 40)
#c72219 | rgb(199, 34, 25)
#9f1b14 | rgb(159, 27, 20)
#77140f | rgb(119, 20, 15)
#4f0d0a | rgb(79, 13, 10)
#280705 | rgb(40, 7, 5)
#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.
#e95850 | rgb(233, 88, 80)
#de625b | rgb(222, 98, 91)
#d36b66 | rgb(211, 107, 102)
#c87571 | rgb(200, 117, 113)
#bd7f7c | rgb(189, 127, 124)
#b28987 | rgb(178, 137, 135)
#a79392 | rgb(167, 147, 146)
#9d9d9d | rgb(157, 157, 157)


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.
#e95850 | rgb(233, 88, 80)
#ec554d | rgb(236, 85, 77)
#ef524a | rgb(239, 82, 74)
#f24f47 | rgb(242, 79, 71)
#f64c44 | rgb(246, 76, 68)
#f94a40 | rgb(249, 74, 64)
#fc473d | rgb(252, 71, 61)
#ff443a | rgb(255, 68, 58)


convert-color-hues

convert-color-hues-explanation
#e95850 | rgb(233, 88, 80) | hsl(3.137, 0.777,0.614)
#e99250 | rgb(233, 146, 80) | hsl(25.882, 0.777,0.614)
#e9ca50 | rgb(233, 202, 80) | hsl(47.843, 0.777,0.614)
#cde950 | rgb(205, 233, 80) | hsl(70.98, 0.777,0.614)
#95e950 | rgb(149, 233, 80) | hsl(92.941, 0.777,0.614)
#5ae950 | rgb(90, 233, 80) | hsl(116.078, 0.777,0.614)
#50e97e | rgb(80, 233, 126) | hsl(138.039, 0.777,0.614)
#50e9b9 | rgb(80, 233, 185) | hsl(161.176, 0.777,0.614)
#50e1e9 | rgb(80, 225, 233) | hsl(183.137, 0.777,0.614)
#50a7e9 | rgb(80, 167, 233) | hsl(205.882, 0.777,0.614)
#506fe9 | rgb(80, 111, 233) | hsl(227.843, 0.777,0.614)
#6c50e9 | rgb(108, 80, 233) | hsl(250.98, 0.777,0.614)
#a450e9 | rgb(164, 80, 233) | hsl(272.941, 0.777,0.614)
#df50e9 | rgb(223, 80, 233) | hsl(296.078, 0.777,0.614)
#e950bb | rgb(233, 80, 187) | hsl(318.039, 0.777,0.614)
#e95081 | rgb(233, 80, 129) | hsl(340.784, 0.777,0.614)


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: 57(-20)
1
2
3
4
5
1
#2d57a6
rgb(45, 87, 166)
#942da6
rgb(148, 45, 166)
#a6332d
rgb(166, 51, 45)
#88a62d
rgb(136, 166, 45)
#2da663
rgb(45, 166, 99)
2
#648cd5
rgb(100, 140, 213)
#c464d5
rgb(196, 100, 213)
#d56964
rgb(213, 105, 100)
#b9d564
rgb(185, 213, 100)
#64d597
rgb(100, 213, 151)
3
#b4c7eb
rgb(180, 199, 235)
#e3b4eb
rgb(227, 180, 235)
#ebb7b4
rgb(235, 183, 180)
#ddebb4
rgb(221, 235, 180)
#b4ebcd
rgb(180, 235, 205)
Saturation: 77(0)
1
2
3
4
5
4
#1851bc
rgb(24, 81, 188)
#a318bc
rgb(163, 24, 188)
#bc2018
rgb(188, 32, 24)
#93bc18
rgb(147, 188, 24)
#18bc61
rgb(24, 188, 97)
5
#5086e9
rgb(80, 134, 233)
#d250e9
rgb(210, 80, 233)
#e95850
rgb(233, 88, 80)
#c3e950
rgb(195, 233, 80)
#50e995
rgb(80, 233, 149)
6
#abc5f4
rgb(171, 197, 244)
#e9abf4
rgb(233, 171, 244)
#f4aeab
rgb(244, 174, 171)
#e2f4ab
rgb(226, 244, 171)
#abf4cc
rgb(171, 244, 204)
Saturation: 97(+20)
1
2
3
4
5
7
#024bd1
rgb(2, 75, 209)
#b202d1
rgb(178, 2, 209)
#d10d02
rgb(209, 13, 2)
#9dd102
rgb(157, 209, 2)
#02d15f
rgb(2, 209, 95)
8
#3c80fd
rgb(60, 128, 253)
#e03cfd
rgb(224, 60, 253)
#fd463c
rgb(253, 70, 60)
#cdfd3c
rgb(205, 253, 60)
#3cfd93
rgb(60, 253, 147)
9
#a1c2fe
rgb(161, 194, 254)
#f0a1fe
rgb(240, 161, 254)
#fea6a1
rgb(254, 166, 161)
#e7fea1
rgb(231, 254, 161)
#a1fecb
rgb(161, 254, 203)

Selected Colors

#648cd5
rgb(100, 140, 213)
#d56964
rgb(213, 105, 100)

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/e95950//?hues=&sats=&lums=&sel=

Facebook   Google+   Xing   Twitter