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.

#cb202b
rgb(203, 32, 43)

hex : #cb202b
rgb : rgb(203, 32, 43)
hsl : hsl(356.14, 72.8%, 46.1%)
Name : Amaranth
HEX : #CB202B
RGB : 203, 32, 43
HSL : 356.14, 0.728, 0.461
HSL % : 356.14, 72.8, 46.1
HSV : 356.14, 0.843, 0.797
HSV % : 356.14, 84.3, 79.7
CMY : 0.204, 0.875, 0.831
CMYK % : 0%, 84.2%, 78.8%, 20.4%
XYZ : 25.581, 13.904, 3.621
CIELAB : 44.095, 63.792, 39.296


Komplementärfarbe

Die Komplementärfarbe ist jene Farbe, welche auf der anderen Seite des Farbenkreises zu finden ist.
#20cbc0
rgb(32, 203, 192)


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.
#cb2081
rgb(203, 32, 129)
#cb202b
rgb(203, 32, 43)
#cb6a20
rgb(203, 106, 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.
#cb2056
rgb(203, 32, 86)
#cb202b
rgb(203, 32, 43)
#cb3f20
rgb(203, 63, 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.
#cb202b
rgb(203, 32, 43)
#2bcb20
rgb(43, 203, 32)
#202bcb
rgb(32, 43, 203)


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.
#cb202b
rgb(203, 32, 43)
#2bcb20
rgb(43, 203, 32)
#202bcb
rgb(32, 43, 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.
#cb202b
rgb(203, 32, 43)
#20cb6a
rgb(32, 203, 106)
#2081cb
rgb(32, 129, 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.
#cb202b
rgb(203, 32, 43)
#20cb45
rgb(32, 203, 69)
#20cbc0
rgb(32, 203, 192)
#cb20a6
rgb(203, 32, 166)


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.
#cb202b
rgb(203, 32, 43)
#cb8f20
rgb(203, 143, 32)
#20cbc0
rgb(32, 203, 192)
#205ccb
rgb(32, 92, 203)


Quadratisches Farbschema

Beim quadratischen Farbschema werden vier Farben gleichmäßig über den Farbkreis verteilt.
#cb202b
rgb(203, 32, 43)
#81cb20
rgb(129, 203, 32)
#20cbc0
rgb(32, 203, 192)
#6a20cb
rgb(106, 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.
#cb202b
rgb(203, 32, 43)
#b4cb20
rgb(180, 203, 32)
#20cb59
rgb(32, 203, 89)
#2070cb
rgb(32, 112, 203)
#9d20cb
rgb(157, 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.
#cb202b
rgb(203, 32, 43)
#cbc020
rgb(203, 192, 32)
#2bcb20
rgb(43, 203, 32)
#20cbc0
rgb(32, 203, 192)
#202bcb
rgb(32, 43, 203)
#c020cb
rgb(192, 32, 203)


Aufhellung

Die Aufhellung der Farbe ergibt sich durch eine Erhöhung der Helligkeit bis hin zu weiß.
#cb202b | rgb(203, 32, 43)
#df333f | rgb(223, 51, 63)
#e4555f | rgb(228, 85, 95)
#ea777f | rgb(234, 119, 127)
#ef999f | rgb(239, 153, 159)
#f4bbbf | rgb(244, 187, 191)
#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.
#cb202b | rgb(203, 32, 43)
#ae1b25 | rgb(174, 27, 37)
#91171f | rgb(145, 23, 31)
#741219 | rgb(116, 18, 25)
#570e13 | rgb(87, 14, 19)
#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.
#cb202b | rgb(203, 32, 43)
#bf2c36 | rgb(191, 44, 54)
#b33841 | rgb(179, 56, 65)
#a6454b | rgb(166, 69, 75)
#9a5156 | rgb(154, 81, 86)
#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.
#cb202b | rgb(203, 32, 43)
#d01b27 | rgb(208, 27, 39)
#d41723 | rgb(212, 23, 35)
#d91220 | rgb(217, 18, 32)
#dd0e1c | rgb(221, 14, 28)
#e20918 | rgb(226, 9, 24)
#e70514 | rgb(231, 5, 20)
#eb0010 | rgb(235, 0, 16)


convert-color-hues

convert-color-hues-explanation
#cb202b | rgb(203, 32, 43) | hsl(356.14, 0.728,0.461)
#cb5320 | rgb(203, 83, 32) | hsl(17.895, 0.728,0.461)
#cb9520 | rgb(203, 149, 32) | hsl(41.053, 0.728,0.461)
#c3cb20 | rgb(195, 203, 32) | hsl(62.807, 0.728,0.461)
#81cb20 | rgb(129, 203, 32) | hsl(85.965, 0.728,0.461)
#42cb20 | rgb(66, 203, 32) | hsl(108.07, 0.728,0.461)
#20cb3f | rgb(32, 203, 63) | hsl(130.877, 0.728,0.461)
#20cb7e | rgb(32, 203, 126) | hsl(152.982, 0.728,0.461)
#20cbc0 | rgb(32, 203, 192) | hsl(176.14, 0.728,0.461)
#2098cb | rgb(32, 152, 203) | hsl(197.895, 0.728,0.461)
#2056cb | rgb(32, 86, 203) | hsl(221.053, 0.728,0.461)
#2920cb | rgb(41, 32, 203) | hsl(243.158, 0.728,0.461)
#6a20cb | rgb(106, 32, 203) | hsl(265.965, 0.728,0.461)
#a920cb | rgb(169, 32, 203) | hsl(288.07, 0.728,0.461)
#cb20ac | rgb(203, 32, 172) | hsl(310.877, 0.728,0.461)
#cb206d | rgb(203, 32, 109) | hsl(332.982, 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
#1f4066
rgb(31, 64, 102)
#531f66
rgb(83, 31, 102)
#661f24
rgb(102, 31, 36)
#5c661f
rgb(92, 102, 31)
#1f6637
rgb(31, 102, 55)
2
#3771b4
rgb(55, 113, 180)
#9337b4
rgb(147, 55, 180)
#b43740
rgb(180, 55, 64)
#a3b437
rgb(163, 180, 55)
#37b461
rgb(55, 180, 97)
3
#7ba6d6
rgb(123, 166, 214)
#be7bd6
rgb(190, 123, 214)
#d67b81
rgb(214, 123, 129)
#cad67b
rgb(202, 214, 123)
#7bd699
rgb(123, 214, 153)
Saturation: 72(0)
1
2
3
4
5
4
#123f73
rgb(18, 63, 115)
#591273
rgb(89, 18, 115)
#731219
rgb(115, 18, 25)
#667312
rgb(102, 115, 18)
#127332
rgb(18, 115, 50)
5
#2070cb
rgb(32, 112, 203)
#9d20cb
rgb(157, 32, 203)
#cb202b
rgb(203, 32, 43)
#b4cb20
rgb(180, 203, 32)
#20cb59
rgb(32, 203, 89)
6
#6aa4e7
rgb(106, 164, 231)
#c66ae7
rgb(198, 106, 231)
#e76a72
rgb(231, 106, 114)
#d7e76a
rgb(215, 231, 106)
#6ae794
rgb(106, 231, 148)
Saturation: 92(+20)
1
2
3
4
5
7
#053e80
rgb(5, 62, 128)
#5f0580
rgb(95, 5, 128)
#80050d
rgb(128, 5, 13)
#708005
rgb(112, 128, 5)
#05802e
rgb(5, 128, 46)
8
#086ee3
rgb(8, 110, 227)
#a808e3
rgb(168, 8, 227)
#e30817
rgb(227, 8, 23)
#c6e308
rgb(198, 227, 8)
#08e351
rgb(8, 227, 81)
9
#58a3f9
rgb(88, 163, 249)
#ce58f9
rgb(206, 88, 249)
#f95863
rgb(249, 88, 99)
#e3f958
rgb(227, 249, 88)
#58f98e
rgb(88, 249, 142)

Selected Colors

#3771b4
rgb(55, 113, 180)
#b43740
rgb(180, 55, 64)

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(356.842,72.8,46.1)//?hues=&sats=&lums=&sel=

Facebook   Google+   Xing   Twitter