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.

#55acee
rgb(85, 172, 238)

hex :	#55acee
rgb :	rgb(85, 172, 238)
hsl :	hsl(205.882, 81.8%, 63.3%)

Name :	Cornflowerblue
HEX :	#55ACEE
RGB :	85, 172, 238
HSL :	205.882, 0.818, 0.633
HSL % :	205.882, 81.8, 63.3
HSV :	205.882, 0.643, 0.933
HSV % :	205.882, 64.3, 93.3
CMY :	0.667, 0.325, 0.067
CMYK % :	64.3%, 27.7%, 0%, 6.7%
XYZ :	33.931, 37.609, 86.36
CIELAB :	67.731, -6.216, -40.767

Komplementärfarbe

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

#ee9555
rgb(238, 149, 85)

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.

#55eee1
rgb(85, 238, 225)

#55acee
rgb(85, 172, 238)

#5562ee
rgb(85, 98, 238)

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.

#55d4ee
rgb(85, 212, 238)

#55acee
rgb(85, 172, 238)

#5588ee
rgb(85, 136, 238)

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.

#55acee
rgb(85, 172, 238)

#ee55ae
rgb(238, 85, 174)

#aeee55
rgb(174, 238, 85)

Triadisches Farbschema

#55acee
rgb(85, 172, 238)

#ee55ae
rgb(238, 85, 174)

#aeee55
rgb(174, 238, 85)

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.

#55acee
rgb(85, 172, 238)

#ee5562
rgb(238, 85, 98)

#eee155
rgb(238, 225, 85)

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.

#55acee
rgb(85, 172, 238)

#ee5583
rgb(238, 85, 131)

#ee9555
rgb(238, 149, 85)

#55eec0
rgb(85, 238, 192)

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.

#55acee
rgb(85, 172, 238)

#6955ee
rgb(105, 85, 238)

#ee9555
rgb(238, 149, 85)

#daee55
rgb(218, 238, 85)

Quadratisches Farbschema

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

#55acee
rgb(85, 172, 238)

#e155ee
rgb(225, 85, 238)

#ee9555
rgb(238, 149, 85)

#62ee55
rgb(98, 238, 85)

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.

#55acee
rgb(85, 172, 238)

#b355ee
rgb(179, 85, 238)

#ee5571
rgb(238, 85, 113)

#ebee55
rgb(235, 238, 85)

#55ee76
rgb(85, 238, 118)

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.

#55acee
rgb(85, 172, 238)

#9555ee
rgb(149, 85, 238)

#ee55ae
rgb(238, 85, 174)

#ee9555
rgb(238, 149, 85)

#aeee55
rgb(174, 238, 85)

#55ee95
rgb(85, 238, 149)

Aufhellung

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

#55aeee | rgb(85, 174, 238)

#6dbaf0 | rgb(109, 186, 240)

#85c5f3 | rgb(133, 197, 243)

#9ed1f5 | rgb(158, 209, 245)

#b6dcf8 | rgb(182, 220, 248)

#cee8fa | rgb(206, 232, 250)

#e7f3fd | rgb(231, 243, 253)

#ffffff | rgb(255, 255, 255)

Schatten und Schattierung

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

#55aeee | rgb(85, 174, 238)

#2b9aea | rgb(43, 154, 234)

#1583d2 | rgb(21, 131, 210)

#1169a8 | rgb(17, 105, 168)

#0d4f7e | rgb(13, 79, 126)

#083454 | rgb(8, 52, 84)

#041a2a | rgb(4, 26, 42)

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

#55aeee | rgb(85, 174, 238)

#60ace3 | rgb(96, 172, 227)

#6babd8 | rgb(107, 171, 216)

#76a9cd | rgb(118, 169, 205)

#81a7c2 | rgb(129, 167, 194)

#8ca5b7 | rgb(140, 165, 183)

#96a3ac | rgb(150, 163, 172)

#a1a1a1 | rgb(161, 161, 161)

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.

#55aeee | rgb(85, 174, 238)

#52aff0 | rgb(82, 175, 240)

#50aff3 | rgb(80, 175, 243)

#4eaff5 | rgb(78, 175, 245)

#4bb0f8 | rgb(75, 176, 248)

#49b0fa | rgb(73, 176, 250)

#46b1fd | rgb(70, 177, 253)

#44b1ff | rgb(68, 177, 255)

convert-color-hues

convert-color-hues-explanation

#55aeee | rgb(85, 174, 238) | hsl(205.098, 0.818,0.633)

#5573ee | rgb(85, 115, 238) | hsl(228.235, 0.818,0.633)

#6e55ee | rgb(110, 85, 238) | hsl(249.804, 0.818,0.633)

#a955ee | rgb(169, 85, 238) | hsl(272.941, 0.818,0.633)

#e155ee | rgb(225, 85, 238) | hsl(294.902, 0.818,0.633)

#ee55c0 | rgb(238, 85, 192) | hsl(318.039, 0.818,0.633)

#ee5588 | rgb(238, 85, 136) | hsl(340, 0.818,0.633)

#ee5d55 | rgb(238, 93, 85) | hsl(3.137, 0.818,0.633)

#ee9555 | rgb(238, 149, 85) | hsl(25.098, 0.818,0.633)

#eecf55 | rgb(238, 207, 85) | hsl(47.843, 0.818,0.633)

#d4ee55 | rgb(212, 238, 85) | hsl(70.196, 0.818,0.633)

#9aee55 | rgb(154, 238, 85) | hsl(92.941, 0.818,0.633)

#62ee55 | rgb(98, 238, 85) | hsl(114.902, 0.818,0.633)

#55ee83 | rgb(85, 238, 131) | hsl(138.039, 0.818,0.633)

#55eebb | rgb(85, 238, 187) | hsl(160, 0.818,0.633)

#55e6ee | rgb(85, 230, 238) | hsl(183.137, 0.818,0.633)

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: 61(-20)
	1	2	3	4	5
1	#b0b32a rgb(176, 179, 42)	#2ab348 rgb(42, 179, 72)	#2a7ab3 rgb(42, 122, 179)	#7e2ab3 rgb(126, 42, 179)	#b32a43 rgb(179, 42, 67)
2	#d9db68 rgb(217, 219, 104)	#68db81 rgb(104, 219, 129)	#68abdb rgb(104, 171, 219)	#af68db rgb(175, 104, 219)	#db687d rgb(219, 104, 125)
3	#eeefba rgb(238, 239, 186)	#baefc6 rgb(186, 239, 198)	#bad9ef rgb(186, 217, 239)	#dbbaef rgb(219, 186, 239)	#efbac4 rgb(239, 186, 196)
	Saturation: 81(0)
	1	2	3	4	5
4	#c6c914 rgb(198, 201, 20)	#14c93b rgb(20, 201, 59)	#147dc9 rgb(20, 125, 201)	#8314c9 rgb(131, 20, 201)	#c91435 rgb(201, 20, 53)
5	#ebee55 rgb(235, 238, 85)	#55ee76 rgb(85, 238, 118)	#55aeee rgb(85, 174, 238)	#b355ee rgb(179, 85, 238)	#ee5571 rgb(238, 85, 113)
6	#f6f7b2 rgb(246, 247, 178)	#b2f7c1 rgb(178, 247, 193)	#b2daf7 rgb(178, 218, 247)	#ddb2f7 rgb(221, 178, 247)	#f7b2be rgb(247, 178, 190)
	Saturation: 100(+20)
	1	2	3	4	5
7	#d9dd00 rgb(217, 221, 0)	#00dd30 rgb(0, 221, 48)	#0081dd rgb(0, 129, 221)	#8800dd rgb(136, 0, 221)	#dd0028 rgb(221, 0, 40)
8	#fcff44 rgb(252, 255, 68)	#44ff6c rgb(68, 255, 108)	#44b1ff rgb(68, 177, 255)	#b744ff rgb(183, 68, 255)	#ff4466 rgb(255, 68, 102)
9	#feffaa rgb(254, 255, 170)	#aaffbc rgb(170, 255, 188)	#aadcff rgb(170, 220, 255)	#deaaff rgb(222, 170, 255)	#ffaab9 rgb(255, 170, 185)

Selected Colors

#d9db68
rgb(217, 219, 104)

#68abdb
rgb(104, 171, 219)

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

Facebook Google+ Xing Twitter