Farbtabellen

Inhalt

VGA-Farbpalette (16 Farben)
Netscape-Farbpalette (216 Farben)
Benannte Farben

Diese Seite enthält Farbtabellen für HTML, CSS und SVG.

Gefällt dir meine Webseite, meine Freeware-Programme oder Online-Tools?

Spende per PayPal und unterstütze die kostenlose Veröffentlichung mit einem beliebigen Betrag schnell und einfach.

Erlaube für die Domain Gaijin.at in deinem Werbe-Blocker die Anzeige von Werbung und hilf damit beim Erhalt dieser Seite!

Lese mehr über Unterstützungs­möglichkeiten...

VGA-Farbpalette (16 Farben)

Diese 16 Farben sind Standard-Farben in CSS und werden auch in DOS und Windows verwendet.

black
#000000
white
#ffffff
gray
#808080
silver
#c0c0c0
maroon
#800000
red
#ff0000
olive
#808000
yellow
#ffff00
green
#008000
lime
#00ff00
teal
#008080
aqua
#00ffff
navy
#000080
blue
#0000ff
purple
#800080
fuchsia
#ff00ff

Netscape-Farbpalette (216 Farben)

Die 216 Farben setzen sich aus jeweils 6 gleich verteilte Farbwerte für Rot, Grün und Blau zusammen. Da jeder Farbwert von 0 bis 255 (FF hexadezimal) reicht, ergeben sich die folgenden möglichen Farbwerte:

Hex.HexadezimalDezimalProzent
00000%
3335120%
66610240%
99915360%
CCC20480%
FFF255100%

Diese sogenannten "websicheren" Farben sollten früher eine annähernd gleiche Darstellung auf Grafikkarten mit einer Farbtiefe von 8 Bit (256 Farben) gewährleisten. Heute werden diese Farben vor allem als dreistellige CSS-Farbwerte oder wegen der Optik auf Grund der wiederholten Farbwerte bei der 6-stelligen Hexadezimal-Darstellung verwendet.

000
000000
300
300000
600
600000
900
900000
c00
c00000
f00
f00000
003
000030
303
300030
603
600030
903
900030
c03
c00030
f03
f00030
006
000060
306
300060
606
600060
906
900060
c06
c00060
f06
f00060
009
000090
309
300090
609
600090
909
900090
c09
c00090
f09
f00090
00c
0000c0
30c
3000c0
60c
6000c0
90c
9000c0
c0c
c000c0
f0c
f000c0
00f
0000f0
30f
3000f0
60f
6000f0
90f
9000f0
c0f
c000f0
f0f
f000f0
030
003000
330
303000
630
603000
930
903000
c30
c03000
f30
f03000
033
003030
333
303030
633
603030
933
903030
c33
c03030
f33
f03030
036
003060
336
303060
636
603060
936
903060
c36
c03060
f36
f03060
039
003090
339
303090
639
603090
939
903090
c39
c03090
f39
f03090
03c
0030c0
33c
3030c0
63c
6030c0
93c
9030c0
c3c
c030c0
f3c
f030c0
03f
0030f0
33f
3030f0
63f
6030f0
93f
9030f0
c3f
c030f0
f3f
f030f0
060
006000
360
306000
660
606000
960
906000
c60
c06000
f60
f06000
063
006030
363
306030
663
606030
963
906030
c63
c06030
f63
f06030
066
006060
366
306060
666
606060
966
906060
c66
c06060
f66
f06060
069
006090
369
306090
669
606090
969
906090
c69
c06090
f69
f06090
06c
0060c0
36c
3060c0
66c
6060c0
96c
9060c0
c6c
c060c0
f6c
f060c0
06f
0060f0
36f
3060f0
66f
6060f0
96f
9060f0
c6f
c060f0
f6f
f060f0
090
009000
390
309000
690
609000
990
909000
c90
c09000
f90
f09000
093
009030
393
309030
693
609030
993
909030
c93
c09030
f93
f09030
096
009060
396
309060
696
609060
996
909060
c96
c09060
f96
f09060
099
009090
399
309090
699
609090
999
909090
c99
c09090
f99
f09090
09c
0090c0
39c
3090c0
69c
6090c0
99c
9090c0
c9c
c090c0
f9c
f090c0
09f
0090f0
39f
3090f0
69f
6090f0
99f
9090f0
c9f
c090f0
f9f
f090f0
0c0
00c000
3c0
30c000
6c0
60c000
9c0
90c000
cc0
c0c000
fc0
f0c000
0c3
00c030
3c3
30c030
6c3
60c030
9c3
90c030
cc3
c0c030
fc3
f0c030
0c6
00c060
3c6
30c060
6c6
60c060
9c6
90c060
cc6
c0c060
fc6
f0c060
0c9
00c090
3c9
30c090
6c9
60c090
9c9
90c090
cc9
c0c090
fc9
f0c090
0cc
00c0c0
3cc
30c0c0
6cc
60c0c0
9cc
90c0c0
ccc
c0c0c0
fcc
f0c0c0
0cf
00c0f0
3cf
30c0f0
6cf
60c0f0
9cf
90c0f0
ccf
c0c0f0
fcf
f0c0f0
0f0
00f000
3f0
30f000
6f0
60f000
9f0
90f000
cf0
c0f000
ff0
f0f000
0f3
00f030
3f3
30f030
6f3
60f030
9f3
90f030
cf3
c0f030
ff3
f0f030
0f6
00f060
3f6
30f060
6f6
60f060
9f6
90f060
cf6
c0f060
ff6
f0f060
0f9
00f090
3f9
30f090
6f9
60f090
9f9
90f090
cf9
c0f090
ff9
f0f090
0fc
00f0c0
3fc
30f0c0
6fc
60f0c0
9fc
90f0c0
cfc
c0f0c0
ffc
f0f0c0
0ff
00f0f0
3ff
30f0f0
6ff
60f0f0
9ff
90f0f0
cff
c0f0f0
fff
f0f0f0

Benannte Farben

Vom W3C werden benannte Farben definiert, welche größtenteils auf den Farben des X Window System (X11) und auf den VGA-Farben basieren.

Die Farbe der einzelnen Zellen wird mit der jeweiligen CSS-Angabe im Text erzeugt.

HTML-FarbnameHexa­dezimalRGB Dezimal / Prozent
black#000000
#000000
rgb(0, 0, 0)
rgb(0%, 0%, 0%)
white#ffffff
#FFFFFF
rgb(255, 255, 255)
rgb(100%, 100%, 100%)
maroon#800000
#800000
rgb(128, 0, 0)
rgb(50%, 0%, 0%)
red#ff0000
#FF0000
rgb(255, 0, 0)
rgb(100%, 0%, 0%)
olive#808000
#808000
rgb(128, 128, 0)
rgb(50%, 50%, 0%)
yellow#ffff00
#FFFF00
rgb(255, 255, 0)
rgb(100%, 100%, 0%)
green#008000
#008000
rgb(0, 128, 0)
rgb(0%, 50%, 0%)
lime#00ff00
#00FF00
rgb(0, 255, 0)
rgb(0%, 100%, 0%)
teal#008080
#008080
rgb(0, 128, 128)
rgb(0%, 50%, 50%)
aqua, cyan#00ffff
#00FFFF
rgb(0, 255, 255)
rgb(0%, 100%, 100%)
navy#000080
#000080
rgb(0, 0, 128)
rgb(0%, 0%, 50%)
blue#0000ff
#0000FF
rgb(0, 0, 255)
rgb(0%, 0%, 100%)
purple#800080
#800080
rgb(128, 0, 128)
rgb(50%, 0%, 50%)
fuchsia, magenta#ff00ff
#FF00FF
rgb(255, 0, 255)
rgb(100%, 0%, 100%)
Grau
dimgray, dimgrey#696969
#696969
rgb(105, 105, 105)
rgb(42%, 42%, 42%)
gray, grey#808080
#808080
rgb(128, 128, 128)
rgb(50%, 50%, 50%)
darkgray, darkgrey#a9a9a9
#A9A9A9
rgb(169, 169, 169)
rgb(67%, 67%, 67%)
silver#c0c0c0
#C0C0C0
rgb(192, 192, 192)
rgb(75%, 75%, 75%)
lightgray, lightgrey#d3d3d3
#D3D3D3
rgb(211, 211, 211)
rgb(83%, 83%, 83%)
gainsboro#dcdcdc
#DCDCDC
rgb(220, 220, 220)
rgb(86%, 86%, 86%)
whitesmoke#f5f5f5
#F5F5F5
rgb(245, 245, 245)
rgb(96%, 96%, 96%)
Rot
darkred#8b0000
#8B0000
rgb(139, 0, 0)
rgb(55%, 0%, 0%)
firebrick#b22222
#B22222
rgb(178, 34, 34)
rgb(70%, 14%, 14%)
crimson#dc143c
#DC143C
rgb(220, 20, 60)
rgb(86%, 8%, 24%)
indianred#cd5c5c
#CD5C5C
rgb(205, 92, 92)
rgb(81%, 36%, 36%)
lightcoral#f08080
#F08080
rgb(240, 128, 128)
rgb(94%, 50%, 50%)
salmon#fa8072
#FA8072
rgb(250, 128, 114)
rgb(98%, 50%, 45%)
darksalmon#e9967a
#E9967A
rgb(233, 150, 122)
rgb(92%, 59%, 48%)
lightsalmon#ffa07a
#FFA07A
rgb(255, 160, 122)
rgb(100%, 63%, 48%)
mistyrose#ffe4e1
#FFE4E1
rgb(255, 228, 225)
rgb(100%, 90%, 88%)
snow#fffafa
#FFFAFA
rgb(255, 250, 250)
rgb(100%, 98%, 98%)
Orange
orangered#ff4500
#FF4500
rgb(255, 69, 0)
rgb(100%, 27%, 0%)
tomato#ff6347
#FF6347
rgb(255, 99, 71)
rgb(100%, 39%, 28%)
coral#ff7f50
#FF7F50
rgb(255, 127, 80)
rgb(100%, 50%, 32%)
darkorange#ff8c00
#FF8C00
rgb(255, 140, 0)
rgb(100%, 55%, 0%)
orange#ffa500
#FFA500
rgb(255, 165, 0)
rgb(100%, 65%, 0%)
peachpuff#ffdab9
#FFDAB9
rgb(255, 218, 185)
rgb(100%, 86%, 73%)
moccasin#ffe4b5
#FFE4B5
rgb(255, 228, 181)
rgb(100%, 90%, 71%)
papayawhip#ffefd5
#FFEFD5
rgb(255, 239, 213)
rgb(100%, 94%, 84%)
Gelb
gold#ffd700
#FFD700
rgb(255, 215, 0)
rgb(100%, 84%, 0%)
khaki#f0e68c
#F0E68C
rgb(240, 230, 140)
rgb(94%, 90%, 55%)
palegoldenrod#eee8aa
#EEE8AA
rgb(238, 232, 170)
rgb(93%, 91%, 67%)
beige#f5f5dc
#F5F5DC
rgb(245, 245, 220)
rgb(96%, 96%, 86%)
lightgoldenrodyellow#fafad2
#FAFAD2
rgb(250, 250, 210)
rgb(98%, 98%, 83%)
lemonchiffon#fffacd
#FFFACD
rgb(255, 250, 205)
rgb(100%, 98%, 81%)
lightyellow#ffffe0
#FFFFE0
rgb(255, 255, 224)
rgb(100%, 100%, 88%)
ivory#fffff0
#FFFFF0
rgb(255, 255, 240)
rgb(100%, 100%, 94%)
Braun
brown#a52a2a
#A52A2A
rgb(165, 42, 42)
rgb(65%, 17%, 17%)
sienna#a0522d
#A0522D
rgb(160, 82, 45)
rgb(63%, 33%, 18%)
saddlebrown#8b4513
#8B4513
rgb(139, 69, 19)
rgb(55%, 27%, 8%)
chocolate#d2691e
#D2691E
rgb(210, 105, 30)
rgb(83%, 42%, 12%)
peru#cd853f
#CD853F
rgb(205, 133, 63)
rgb(81%, 52%, 25%)
darkgoldenrod#b8860b
#B8860B
rgb(184, 134, 11)
rgb(72%, 53%, 5%)
goldenrod#daa520
#DAA520
rgb(218, 165, 32)
rgb(86%, 65%, 13%)
darkkhaki#bdb76b
#BDB76B
rgb(189, 183, 107)
rgb(74%, 72%, 42%)
sandybrown#f4a460
#F4A460
rgb(244, 164, 96)
rgb(96%, 65%, 38%)
rosybrown#bc8f8f
#BC8F8F
rgb(188, 143, 143)
rgb(74%, 56%, 56%)
tan#d2b48c
#D2B48C
rgb(210, 180, 140)
rgb(83%, 71%, 55%)
burlywood#deb887
#DEB887
rgb(222, 184, 135)
rgb(87%, 72%, 53%)
wheat#f5deb3
#F5DEB3
rgb(245, 222, 179)
rgb(96%, 87%, 70%)
navajowhite#ffdead
#FFDEAD
rgb(255, 222, 173)
rgb(100%, 87%, 68%)
bisque#ffe4c4
#FFE4C4
rgb(255, 228, 196)
rgb(100%, 90%, 77%)
blanchedalmond#ffebcd
#FFEBCD
rgb(255, 235, 205)
rgb(100%, 92%, 81%)
cornsilk#fff8dc
#FFF8DC
rgb(255, 248, 220)
rgb(100%, 97%, 86%)
linen#faf0e6
#FAF0E6
rgb(250, 240, 230)
rgb(98%, 94%, 90%)
antiquewhite#faebd7
#FAEBD7
rgb(250, 235, 215)
rgb(98%, 92%, 84%)
oldlace#fdf5e6
#FDF5E6
rgb(253, 245, 230)
rgb(99%, 96%, 90%)
seashell#fff5ee
#FFF5EE
rgb(255, 245, 238)
rgb(100%, 96%, 93%)
floralwhite#fffaf0
#FFFAF0
rgb(255, 250, 240)
rgb(100%, 98%, 94%)
Grün
darkolivegreen#556b2f
#556B2F
rgb(85, 107, 47)
rgb(34%, 42%, 19%)
olivedrab#6b8e23
#6B8E23
rgb(107, 142, 35)
rgb(42%, 56%, 14%)
yellowgreen#9acd32
#9ACD32
rgb(154, 205, 50)
rgb(61%, 81%, 20%)
greenyellow#adff2f
#ADFF2F
rgb(173, 255, 47)
rgb(68%, 100%, 19%)
darkgreen#006400
#006400
rgb(0, 100, 0)
rgb(0%, 40%, 0%)
forestgreen#228b22
#228B22
rgb(34, 139, 34)
rgb(14%, 55%, 14%)
limegreen#32cd32
#32CD32
rgb(50, 205, 50)
rgb(20%, 81%, 20%)
lawngreen#7cfc00
#7CFC00
rgb(124, 252, 0)
rgb(49%, 99%, 0%)
chartreuse#7fff00
#7FFF00
rgb(127, 255, 0)
rgb(50%, 100%, 0%)
honeydew#f0fff0
#F0FFF0
rgb(240, 255, 240)
rgb(94%, 100%, 94%)
seagreen#2e8b57
#2E8B57
rgb(46, 139, 87)
rgb(18%, 55%, 34%)
mediumseagreen#3cb371
#3CB371
rgb(60, 179, 113)
rgb(24%, 70%, 45%)
darkseagreen#8fbc8f
#8FBC8F
rgb(143, 188, 143)
rgb(56%, 74%, 56%)
mediumspringgreen#00fa9a
#00FA9A
rgb(0, 250, 154)
rgb(0%, 98%, 61%)
springgreen#00ff7f
#00FF7F
rgb(0, 255, 127)
rgb(0%, 100%, 50%)
lightgreen#90ee90
#90EE90
rgb(144, 238, 144)
rgb(57%, 93%, 57%)
palegreen#98fb98
#98FB98
rgb(152, 251, 152)
rgb(60%, 99%, 60%)
mintcream#f5fffa
#F5FFFA
rgb(245, 255, 250)
rgb(96%, 100%, 98%)
Türkis
darkslategray, darkslategrey#2f4f4f
#2F4F4F
rgb(47, 79, 79)
rgb(19%, 31%, 31%)
slategray, slategrey#708090
#708090
rgb(112, 128, 144)
rgb(44%, 50%, 57%)
lightslategray, lightslategrey#778899
#778899
rgb(119, 136, 153)
rgb(47%, 54%, 60%)
darkcyan#008b8b
#008B8B
rgb(0, 139, 139)
rgb(0%, 55%, 55%)
lightseagreen#20b2aa
#20B2AA
rgb(32, 178, 170)
rgb(13%, 70%, 67%)
darkturquoise#00ced1
#00CED1
rgb(0, 206, 209)
rgb(0%, 81%, 82%)
mediumturquoise#48d1cc
#48D1CC
rgb(72, 209, 204)
rgb(29%, 82%, 80%)
turquoise#40e0d0
#40E0D0
rgb(64, 224, 208)
rgb(25%, 88%, 82%)
aqua, cyan#00ffff
#00FFFF
rgb(0, 255, 255)
rgb(0%, 100%, 100%)
mediumaquamarine#66cdaa
#66CDAA
rgb(102, 205, 170)
rgb(40%, 81%, 67%)
aquamarine#7fffd4
#7FFFD4
rgb(127, 255, 212)
rgb(50%, 100%, 83%)
paleturquoise#afeeee
#AFEEEE
rgb(175, 238, 238)
rgb(69%, 93%, 93%)
lightcyan#e0ffff
#E0FFFF
rgb(224, 255, 255)
rgb(88%, 100%, 100%)
azure#f0ffff
#F0FFFF
rgb(240, 255, 255)
rgb(94%, 100%, 100%)
Blau
midnightblue#191970
#191970
rgb(25, 25, 112)
rgb(10%, 10%, 44%)
darkblue#00008b
#00008B
rgb(0, 0, 139)
rgb(0%, 0%, 55%)
mediumblue#0000cd
#0000CD
rgb(0, 0, 205)
rgb(0%, 0%, 81%)
royalblue#4169e1
#4169E1
rgb(65, 105, 225)
rgb(26%, 42%, 88%)
cornflowerblue#6495ed
#6495ED
rgb(100, 149, 237)
rgb(40%, 59%, 93%)
dodgerblue#1e90ff
#1E90FF
rgb(30, 144, 255)
rgb(12%, 57%, 100%)
deepskyblue#00bfff
#00BFFF
rgb(0, 191, 255)
rgb(0%, 75%, 100%)
skyblue#87ceeb
#87CEEB
rgb(135, 206, 235)
rgb(53%, 81%, 92%)
lightskyblue#87cefa
#87CEFA
rgb(135, 206, 250)
rgb(53%, 81%, 98%)
cadetblue#5f9ea0
#5F9EA0
rgb(95, 158, 160)
rgb(38%, 62%, 63%)
lightblue#add8e6
#ADD8E6
rgb(173, 216, 230)
rgb(68%, 85%, 90%)
powderblue#b0e0e6
#B0E0E6
rgb(176, 224, 230)
rgb(69%, 88%, 90%)
aliceblue#f0f8ff
#F0F8FF
rgb(240, 248, 255)
rgb(94%, 97%, 100%)
ghostwhite#f8f8ff
#F8F8FF
rgb(248, 248, 255)
rgb(97%, 97%, 100%)
steelblue#4682b4
#4682B4
rgb(70, 130, 180)
rgb(28%, 51%, 71%)
lightsteelblue#b0c4de
#B0C4DE
rgb(176, 196, 222)
rgb(69%, 77%, 87%)
lavender#e6e6fa
#E6E6FA
rgb(230, 230, 250)
rgb(90%, 90%, 98%)
Violett
indigo#4b0082
#4B0082
rgb(75, 0, 130)
rgb(30%, 0%, 51%)
darkslateblue#483d8b
#483D8B
rgb(72, 61, 139)
rgb(29%, 24%, 55%)
slateblue#6a5acd
#6A5ACD
rgb(106, 90, 205)
rgb(42%, 36%, 81%)
mediumslateblue#7b68ee
#7B68EE
rgb(123, 104, 238)
rgb(49%, 41%, 93%)
mediumpurple#9370db
#9370DB
rgb(147, 112, 219)
rgb(58%, 44%, 86%)
darkmagenta#8b008b
#8B008B
rgb(139, 0, 139)
rgb(55%, 0%, 55%)
blueviolet#8a2be2
#8A2BE2
rgb(138, 43, 226)
rgb(54%, 17%, 89%)
darkviolet#9400d3
#9400D3
rgb(148, 0, 211)
rgb(58%, 0%, 83%)
darkorchid#9932cc
#9932CC
rgb(153, 50, 204)
rgb(60%, 20%, 80%)
mediumorchid#ba55d3
#BA55D3
rgb(186, 85, 211)
rgb(73%, 34%, 83%)
fuchsia, magenta#ff00ff
#FF00FF
rgb(255, 0, 255)
rgb(100%, 0%, 100%)
violet#ee82ee
#EE82EE
rgb(238, 130, 238)
rgb(93%, 51%, 93%)
orchid#da70d6
#DA70D6
rgb(218, 112, 214)
rgb(86%, 44%, 84%)
plum#dda0dd
#DDA0DD
rgb(221, 160, 221)
rgb(87%, 63%, 87%)
thistle#d8bfd8
#D8BFD8
rgb(216, 191, 216)
rgb(85%, 75%, 85%)
Pink
mediumvioletred#c71585
#C71585
rgb(199, 21, 133)
rgb(78%, 9%, 52%)
palevioletred#db7093
#DB7093
rgb(219, 112, 147)
rgb(86%, 44%, 58%)
deeppink#ff1493
#FF1493
rgb(255, 20, 147)
rgb(100%, 8%, 58%)
hotpink#ff69b4
#FF69B4
rgb(255, 105, 180)
rgb(100%, 42%, 71%)
lightpink#ffb6c1
#FFB6C1
rgb(255, 182, 193)
rgb(100%, 72%, 76%)
pink#ffc0cb
#FFC0CB
rgb(255, 192, 203)
rgb(100%, 75%, 80%)
lavenderblush#fff0f5
#FFF0F5
rgb(255, 240, 245)
rgb(100%, 94%, 96%)
Sonstige
rebeccapurple#663399
#663399
rgb(102, 51, 153)
rgb(40%, 20%, 60%)
Tipp: Mit dem Freeware-Programm ColorPicker können Farben speziell für die Webentwicklung schnell und einfach ausgewählt werden.

Gefällt dir meine Webseite, meine Freeware-Programme oder Online-Tools?

Spende per PayPal und unterstütze die kostenlose Veröffentlichung mit einem beliebigen Betrag schnell und einfach.

Erlaube für die Domain Gaijin.at in deinem Werbe-Blocker die Anzeige von Werbung und hilf damit beim Erhalt dieser Seite!

Lese mehr über Unterstützungs­möglichkeiten...





Diese Webseite verwendet Cookies und verarbeitet Daten. Informationen zur Datenverarbeitung sowie zur Möglichkeit, diese abzulehnen, finden Sie in der Datenschutzerklärung. Ok