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.

#dd4939
rgb(221, 73, 57)

hex :	#dd4939
rgb :	rgb(221, 73, 57)
hsl :	hsl(5.854, 70.7%, 54.5%)

Name :	Scarlet
HEX :	#DD4939
RGB :	221, 73, 57
HSL :	5.854, 0.707, 0.545
HSL % :	5.854, 70.7, 54.5
HSV :	5.854, 0.742, 0.867
HSV % :	5.854, 74.2, 86.7
CMY :	0.133, 0.714, 0.776
CMYK % :	0%, 67%, 74.2%, 13.3%
XYZ :	32.94, 20.433, 6.079
CIELAB :	52.323, 56.712, 41.359

Komplementärfarbe

Die Komplementärfarbe ist jene Farbe, welche auf der anderen Seite des Farbenkreises zu finden ist.

#39cfdd
rgb(57, 207, 221)

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.

#dd397d
rgb(221, 57, 125)

#dd4939
rgb(221, 73, 57)

#dd9939
rgb(221, 153, 57)

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.

#dd3954
rgb(221, 57, 84)

#dd4939
rgb(221, 73, 57)

#dd7039
rgb(221, 112, 57)

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.

#dd4939
rgb(221, 73, 57)

#39dd47
rgb(57, 221, 71)

#4739dd
rgb(71, 57, 221)

Triadisches Farbschema

#dd4939
rgb(221, 73, 57)

#39dd47
rgb(57, 221, 71)

#4739dd
rgb(71, 57, 221)

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.

#dd4939
rgb(221, 73, 57)

#39dd99
rgb(57, 221, 153)

#397ddd
rgb(57, 125, 221)

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.

#dd4939
rgb(221, 73, 57)

#39dd75
rgb(57, 221, 117)

#39cfdd
rgb(57, 207, 221)

#dd39a1
rgb(221, 57, 161)

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.

#dd4939
rgb(221, 73, 57)

#ddbc39
rgb(221, 188, 57)

#39cfdd
rgb(57, 207, 221)

#395add
rgb(57, 90, 221)

Quadratisches Farbschema

Beim quadratischen Farbschema werden vier Farben gleichmäßig über den Farbkreis verteilt.

#dd4939
rgb(221, 73, 57)

#7ddd39
rgb(125, 221, 57)

#39cfdd
rgb(57, 207, 221)

#9939dd
rgb(153, 57, 221)

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.

#dd4939
rgb(221, 73, 57)

#afdd39
rgb(175, 221, 57)

#39dd88
rgb(57, 221, 136)

#396ddd
rgb(57, 109, 221)

#ca39dd
rgb(202, 57, 221)

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.

#dd4939
rgb(221, 73, 57)

#cfdd39
rgb(207, 221, 57)

#39dd47
rgb(57, 221, 71)

#39cfdd
rgb(57, 207, 221)

#4739dd
rgb(71, 57, 221)

#dd39cf
rgb(221, 57, 207)

Aufhellung

Die Aufhellung der Farbe ergibt sich durch eine Erhöhung der Helligkeit bis hin zu weiß.

#dd4739 | rgb(221, 71, 57)

#e26155 | rgb(226, 97, 85)

#e77b72 | rgb(231, 123, 114)

#ec968e | rgb(236, 150, 142)

#f0b0aa | rgb(240, 176, 170)

#f5cac6 | rgb(245, 202, 198)

#fae5e3 | rgb(250, 229, 227)

#ffffff | rgb(255, 255, 255)

Schatten und Schattierung

Die Schattenfarben ergeben sich durch eine Reduzierung der Helligkeit der Farbe bis hin zu Schwarz.

#dd4739 | rgb(221, 71, 57)

#cb3123 | rgb(203, 49, 35)

#a9291d | rgb(169, 41, 29)

#882117 | rgb(136, 33, 23)

#661811 | rgb(102, 24, 17)

#44100c | rgb(68, 16, 12)

#220806 | rgb(34, 8, 6)

#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.

#dd4739 | rgb(221, 71, 57)

#d15045 | rgb(209, 80, 69)

#c65a50 | rgb(198, 90, 80)

#ba645c | rgb(186, 100, 92)

#ae6e68 | rgb(174, 110, 104)

#a27774 | rgb(162, 119, 116)

#97817f | rgb(151, 129, 127)

#8b8b8b | rgb(139, 139, 139)

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.

#dd4739 | rgb(221, 71, 57)

#e24334 | rgb(226, 67, 52)

#e73f2f | rgb(231, 63, 47)

#ec3a2a | rgb(236, 58, 42)

#f03626 | rgb(240, 54, 38)

#f53221 | rgb(245, 50, 33)

#fa2e1c | rgb(250, 46, 28)

#ff2a17 | rgb(255, 42, 23)

convert-color-hues

convert-color-hues-explanation

#dd4739 | rgb(221, 71, 57) | hsl(5.122, 0.707,0.545)

#dd8639 | rgb(221, 134, 57) | hsl(28.171, 0.707,0.545)

#ddc239 | rgb(221, 194, 57) | hsl(50.122, 0.707,0.545)

#b9dd39 | rgb(185, 221, 57) | hsl(73.171, 0.707,0.545)

#7ddd39 | rgb(125, 221, 57) | hsl(95.122, 0.707,0.545)

#3edd39 | rgb(62, 221, 57) | hsl(118.171, 0.707,0.545)

#39dd70 | rgb(57, 221, 112) | hsl(140.122, 0.707,0.545)

#39ddaf | rgb(57, 221, 175) | hsl(163.171, 0.707,0.545)

#39cfdd | rgb(57, 207, 221) | hsl(185.122, 0.707,0.545)

#3990dd | rgb(57, 144, 221) | hsl(208.171, 0.707,0.545)

#3954dd | rgb(57, 84, 221) | hsl(230.122, 0.707,0.545)

#5c39dd | rgb(92, 57, 221) | hsl(252.805, 0.707,0.545)

#9939dd | rgb(153, 57, 221) | hsl(275.122, 0.707,0.545)

#d839dd | rgb(216, 57, 221) | hsl(298.171, 0.707,0.545)

#dd39a6 | rgb(221, 57, 166) | hsl(320.122, 0.707,0.545)

#dd3967 | rgb(221, 57, 103) | hsl(343.171, 0.707,0.545)

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: 50(-20)
	1	2	3	4	5
1	#2b4885 rgb(43, 72, 133)	#7a2b85 rgb(122, 43, 133)	#85332b rgb(133, 51, 43)	#6b852b rgb(107, 133, 43)	#2b8556 rgb(43, 133, 86)
2	#5075c6 rgb(80, 117, 198)	#b850c6 rgb(184, 80, 198)	#c65a50 rgb(198, 90, 80)	#a4c650 rgb(164, 198, 80)	#50c689 rgb(80, 198, 137)
3	#9db2df rgb(157, 178, 223)	#d79ddf rgb(215, 157, 223)	#dfa39d rgb(223, 163, 157)	#ccdf9d rgb(204, 223, 157)	#9ddfbd rgb(157, 223, 189)
	Saturation: 70(0)
	1	2	3	4	5
4	#1a4196 rgb(26, 65, 150)	#881a96 rgb(136, 26, 150)	#96241a rgb(150, 36, 26)	#73961a rgb(115, 150, 26)	#1a9656 rgb(26, 150, 86)
5	#396ddd rgb(57, 109, 221)	#ca39dd rgb(202, 57, 221)	#dd4739 rgb(221, 71, 57)	#afdd39 rgb(175, 221, 57)	#39dd88 rgb(57, 221, 136)
6	#90adec rgb(144, 173, 236)	#e190ec rgb(225, 144, 236)	#ec9890 rgb(236, 152, 144)	#d2ec90 rgb(210, 236, 144)	#90ecbc rgb(144, 236, 188)
	Saturation: 90(+20)
	1	2	3	4	5
7	#083ba8 rgb(8, 59, 168)	#9508a8 rgb(149, 8, 168)	#a81508 rgb(168, 21, 8)	#7ba808 rgb(123, 168, 8)	#08a855 rgb(8, 168, 85)
8	#2264f4 rgb(34, 100, 244)	#dc22f4 rgb(220, 34, 244)	#f43322 rgb(244, 51, 34)	#b9f422 rgb(185, 244, 34)	#22f487 rgb(34, 244, 135)
9	#83a8f9 rgb(131, 168, 249)	#eb83f9 rgb(235, 131, 249)	#f98d83 rgb(249, 141, 131)	#d8f983 rgb(216, 249, 131)	#83f9bc rgb(131, 249, 188)

Selected Colors

#5075c6
rgb(80, 117, 198)

#c65a50
rgb(198, 90, 80)

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/hsl(6.585,70.7,54.5)//?hues=&sats=&lums=&sel=

Facebook Google+ Xing Twitter