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.

#cb2027
rgb(203, 32, 39)

hex :	#cb2027
rgb :	rgb(203, 32, 39)
hsl :	hsl(357.544, 72.8%, 46.1%)

Name :	Amaranth
HEX :	#CB2027
RGB :	203, 32, 39
HSL :	357.544, 0.728, 0.461
HSL % :	357.544, 72.8, 46.1
HSV :	357.544, 0.843, 0.797
HSV % :	357.544, 84.3, 79.7
CMY :	0.204, 0.875, 0.847
CMYK % :	0%, 84.2%, 80.8%, 20.4%
XYZ :	25.511, 13.876, 3.253
CIELAB :	44.055, 63.671, 41.483

Komplementärfarbe

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

#20cbc3
rgb(32, 203, 195)

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.

#cb207e
rgb(203, 32, 126)

#cb2027
rgb(203, 32, 39)

#cb6d20
rgb(203, 109, 32)

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.

#cb2053
rgb(203, 32, 83)

#cb2027
rgb(203, 32, 39)

#cb4220
rgb(203, 66, 32)

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.

#cb2027
rgb(203, 32, 39)

#29cb20
rgb(41, 203, 32)

#2029cb
rgb(32, 41, 203)

Triadisches Farbschema

#cb2027
rgb(203, 32, 39)

#29cb20
rgb(41, 203, 32)

#2029cb
rgb(32, 41, 203)

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.

#cb2027
rgb(203, 32, 39)

#20cb6d
rgb(32, 203, 109)

#207ecb
rgb(32, 126, 203)

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.

#cb2027
rgb(203, 32, 39)

#20cb48
rgb(32, 203, 72)

#20cbc3
rgb(32, 203, 195)

#cb20a3
rgb(203, 32, 163)

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.

#cb2027
rgb(203, 32, 39)

#cb9220
rgb(203, 146, 32)

#20cbc3
rgb(32, 203, 195)

#2059cb
rgb(32, 89, 203)

Quadratisches Farbschema

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

#cb2027
rgb(203, 32, 39)

#7ecb20
rgb(126, 203, 32)

#20cbc3
rgb(32, 203, 195)

#6d20cb
rgb(109, 32, 203)

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.

#cb2027
rgb(203, 32, 39)

#b1cb20
rgb(177, 203, 32)

#20cb5c
rgb(32, 203, 92)

#206dcb
rgb(32, 109, 203)

#a020cb
rgb(160, 32, 203)

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.

#cb2027
rgb(203, 32, 39)

#cbc320
rgb(203, 195, 32)

#29cb20
rgb(41, 203, 32)

#20cbc3
rgb(32, 203, 195)

#2029cb
rgb(32, 41, 203)

#c320cb
rgb(195, 32, 203)

Aufhellung

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

#cb2029 | rgb(203, 32, 41)

#df333c | rgb(223, 51, 60)

#e4555d | rgb(228, 85, 93)

#ea777d | rgb(234, 119, 125)

#ef999e | rgb(239, 153, 158)

#f4bbbe | rgb(244, 187, 190)

#fadddf | rgb(250, 221, 223)

#ffffff | rgb(255, 255, 255)

Schatten und Schattierung

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

#cb2029 | rgb(203, 32, 41)

#ae1b23 | rgb(174, 27, 35)

#91171d | rgb(145, 23, 29)

#741217 | rgb(116, 18, 23)

#570e11 | rgb(87, 14, 17)

#3a090c | rgb(58, 9, 12)

#1d0506 | rgb(29, 5, 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.

#cb2029 | rgb(203, 32, 41)

#bf2c34 | rgb(191, 44, 52)

#b3383f | rgb(179, 56, 63)

#a6454a | rgb(166, 69, 74)

#9a5155 | rgb(154, 81, 85)

#8e5d60 | rgb(142, 93, 96)

#82696b | rgb(130, 105, 107)

#767676 | rgb(118, 118, 118)

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.

#cb2029 | rgb(203, 32, 41)

#d01b24 | rgb(208, 27, 36)

#d41720 | rgb(212, 23, 32)

#d9121c | rgb(217, 18, 28)

#dd0e18 | rgb(221, 14, 24)

#e20914 | rgb(226, 9, 20)

#e70510 | rgb(231, 5, 16)

#eb000c | rgb(235, 0, 12)

convert-color-hues

convert-color-hues-explanation

#cb2029 | rgb(203, 32, 41) | hsl(356.842, 0.728,0.461)

#cb5920 | rgb(203, 89, 32) | hsl(20, 0.728,0.461)

#cb9820 | rgb(203, 152, 32) | hsl(42.105, 0.728,0.461)

#bdcb20 | rgb(189, 203, 32) | hsl(64.912, 0.728,0.461)

#7ecb20 | rgb(126, 203, 32) | hsl(87.018, 0.728,0.461)

#3dcb20 | rgb(61, 203, 32) | hsl(109.825, 0.728,0.461)

#20cb42 | rgb(32, 203, 66) | hsl(131.93, 0.728,0.461)

#20cb84 | rgb(32, 203, 132) | hsl(155.088, 0.728,0.461)

#20cbc3 | rgb(32, 203, 195) | hsl(177.193, 0.728,0.461)

#2092cb | rgb(32, 146, 203) | hsl(200, 0.728,0.461)

#2053cb | rgb(32, 83, 203) | hsl(222.105, 0.728,0.461)

#2e20cb | rgb(46, 32, 203) | hsl(244.912, 0.728,0.461)

#6d20cb | rgb(109, 32, 203) | hsl(267.018, 0.728,0.461)

#af20cb | rgb(175, 32, 203) | hsl(290.175, 0.728,0.461)

#cb20a9 | rgb(203, 32, 169) | hsl(311.93, 0.728,0.461)

#cb2067 | rgb(203, 32, 103) | hsl(335.088, 0.728,0.461)

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: 52(-20)
	1	2	3	4	5
1	#1f3f66 rgb(31, 63, 102)	#541f66 rgb(84, 31, 102)	#661f23 rgb(102, 31, 35)	#5b661f rgb(91, 102, 31)	#1f6638 rgb(31, 102, 56)
2	#376fb4 rgb(55, 111, 180)	#9537b4 rgb(149, 55, 180)	#b4373e rgb(180, 55, 62)	#a1b437 rgb(161, 180, 55)	#37b463 rgb(55, 180, 99)
3	#7ba4d6 rgb(123, 164, 214)	#bf7bd6 rgb(191, 123, 214)	#d67b7f rgb(214, 123, 127)	#c9d67b rgb(201, 214, 123)	#7bd69b rgb(123, 214, 155)
	Saturation: 72(0)
	1	2	3	4	5
4	#123e73 rgb(18, 62, 115)	#5b1273 rgb(91, 18, 115)	#731217 rgb(115, 18, 23)	#647312 rgb(100, 115, 18)	#127334 rgb(18, 115, 52)
5	#206dcb rgb(32, 109, 203)	#a020cb rgb(160, 32, 203)	#cb2029 rgb(203, 32, 41)	#b1cb20 rgb(177, 203, 32)	#20cb5c rgb(32, 203, 92)
6	#6aa2e7 rgb(106, 162, 231)	#c86ae7 rgb(200, 106, 231)	#e76a70 rgb(231, 106, 112)	#d5e76a rgb(213, 231, 106)	#6ae796 rgb(106, 231, 150)
	Saturation: 92(+20)
	1	2	3	4	5
7	#053c80 rgb(5, 60, 128)	#610580 rgb(97, 5, 128)	#80050b rgb(128, 5, 11)	#6e8005 rgb(110, 128, 5)	#058030 rgb(5, 128, 48)
8	#086be3 rgb(8, 107, 227)	#ac08e3 rgb(172, 8, 227)	#e30813 rgb(227, 8, 19)	#c2e308 rgb(194, 227, 8)	#08e355 rgb(8, 227, 85)
9	#58a1f9 rgb(88, 161, 249)	#d158f9 rgb(209, 88, 249)	#f95860 rgb(249, 88, 96)	#e1f958 rgb(225, 249, 88)	#58f990 rgb(88, 249, 144)

Selected Colors

#376fb4
rgb(55, 111, 180)

#b4373e
rgb(180, 55, 62)

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/rgb(203,32,39)//?hues=&sats=&lums=&sel=

Facebook Google+ Xing Twitter