Diese Seite enthält Farbtabellen für HTML, CSS und SVG.
VGA-Farbpalette (16 Farben)
Netscape-Farbpalette (216 Farben)
Benannte 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 |
Gefällt dir meine Webseite, meine Freeware-Programme oder Online-Tools?
Dann spende bitte per PayPal und hilf mit, den Inhalt weiterhin kostenlos anbieten zu können - jeder Betrag ist willkommen!
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. | Hexadezimal | Dezimal | Prozent |
|---|---|---|---|
| 0 | 00 | 0 | 0% |
| 3 | 33 | 51 | 20% |
| 6 | 66 | 102 | 40% |
| 9 | 99 | 153 | 60% |
| C | CC | 204 | 80% |
| F | FF | 255 | 100% |
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 330000 | 600 660000 | 900 990000 | c00 cc0000 | f00 ff0000 |
| 003 000033 | 303 330033 | 603 660033 | 903 990033 | c03 cc0033 | f03 ff0033 |
| 006 000066 | 306 330066 | 606 660066 | 906 990066 | c06 cc0066 | f06 ff0066 |
| 009 000099 | 309 330099 | 609 660099 | 909 990099 | c09 cc0099 | f09 ff0099 |
| 00c 0000cc | 30c 3300cc | 60c 6600cc | 90c 9900cc | c0c cc00cc | f0c ff00cc |
| 00f 0000ff | 30f 3300ff | 60f 6600ff | 90f 9900ff | c0f cc00ff | f0f ff00ff |
| 030 003300 | 330 333300 | 630 663300 | 930 993300 | c30 cc3300 | f30 ff3300 |
| 033 003333 | 333 333333 | 633 663333 | 933 993333 | c33 cc3333 | f33 ff3333 |
| 036 003366 | 336 333366 | 636 663366 | 936 993366 | c36 cc3366 | f36 ff3366 |
| 039 003399 | 339 333399 | 639 663399 | 939 993399 | c39 cc3399 | f39 ff3399 |
| 03c 0033cc | 33c 3333cc | 63c 6633cc | 93c 9933cc | c3c cc33cc | f3c ff33cc |
| 03f 0033ff | 33f 3333ff | 63f 6633ff | 93f 9933ff | c3f cc33ff | f3f ff33ff |
| 060 006600 | 360 336600 | 660 666600 | 960 996600 | c60 cc6600 | f60 ff6600 |
| 063 006633 | 363 336633 | 663 666633 | 963 996633 | c63 cc6633 | f63 ff6633 |
| 066 006666 | 366 336666 | 666 666666 | 966 996666 | c66 cc6666 | f66 ff6666 |
| 069 006699 | 369 336699 | 669 666699 | 969 996699 | c69 cc6699 | f69 ff6699 |
| 06c 0066cc | 36c 3366cc | 66c 6666cc | 96c 9966cc | c6c cc66cc | f6c ff66cc |
| 06f 0066ff | 36f 3366ff | 66f 6666ff | 96f 9966ff | c6f cc66ff | f6f ff66ff |
| 090 009900 | 390 339900 | 690 669900 | 990 999900 | c90 cc9900 | f90 ff9900 |
| 093 009933 | 393 339933 | 693 669933 | 993 999933 | c93 cc9933 | f93 ff9933 |
| 096 009966 | 396 339966 | 696 669966 | 996 999966 | c96 cc9966 | f96 ff9966 |
| 099 009999 | 399 339999 | 699 669999 | 999 999999 | c99 cc9999 | f99 ff9999 |
| 09c 0099cc | 39c 3399cc | 69c 6699cc | 99c 9999cc | c9c cc99cc | f9c ff99cc |
| 09f 0099ff | 39f 3399ff | 69f 6699ff | 99f 9999ff | c9f cc99ff | f9f ff99ff |
| 0c0 00cc00 | 3c0 33cc00 | 6c0 66cc00 | 9c0 99cc00 | cc0 cccc00 | fc0 ffcc00 |
| 0c3 00cc33 | 3c3 33cc33 | 6c3 66cc33 | 9c3 99cc33 | cc3 cccc33 | fc3 ffcc33 |
| 0c6 00cc66 | 3c6 33cc66 | 6c6 66cc66 | 9c6 99cc66 | cc6 cccc66 | fc6 ffcc66 |
| 0c9 00cc99 | 3c9 33cc99 | 6c9 66cc99 | 9c9 99cc99 | cc9 cccc99 | fc9 ffcc99 |
| 0cc 00cccc | 3cc 33cccc | 6cc 66cccc | 9cc 99cccc | ccc cccccc | fcc ffcccc |
| 0cf 00ccff | 3cf 33ccff | 6cf 66ccff | 9cf 99ccff | ccf ccccff | fcf ffccff |
| 0f0 00ff00 | 3f0 33ff00 | 6f0 66ff00 | 9f0 99ff00 | cf0 ccff00 | ff0 ffff00 |
| 0f3 00ff33 | 3f3 33ff33 | 6f3 66ff33 | 9f3 99ff33 | cf3 ccff33 | ff3 ffff33 |
| 0f6 00ff66 | 3f6 33ff66 | 6f6 66ff66 | 9f6 99ff66 | cf6 ccff66 | ff6 ffff66 |
| 0f9 00ff99 | 3f9 33ff99 | 6f9 66ff99 | 9f9 99ff99 | cf9 ccff99 | ff9 ffff99 |
| 0fc 00ffcc | 3fc 33ffcc | 6fc 66ffcc | 9fc 99ffcc | cfc ccffcc | ffc ffffcc |
| 0ff 00ffff | 3ff 33ffff | 6ff 66ffff | 9ff 99ffff | cff ccffff | fff ffffff |
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-Farbname | Hexadezimal | RGB 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%) | |
Gefällt dir meine Webseite, meine Freeware-Programme oder Online-Tools?
Dann spende bitte per PayPal und hilf mit, den Inhalt weiterhin kostenlos anbieten zu können - jeder Betrag ist willkommen!