Webseite von Jürgen Schönbier

www.schoenbier.de

* * *


++ Startseite ++ websichere Farben ++

Webfarben • RGB-Farbpalette • websichere Farben

 

RGB Farben

Allgemeines zur Darstellung von Farben:
Es ist allgemein möglich, die Helligkeitsstufen der einzelnen Farbwerte in 256 Stufen (0-255) anzugeben. Also kann jede Farbe den Wertebereich von 0 bis 255 annehmen. Dabei entspricht der Wert 255 der maximalen und der Wert 0 der niedrigsten Leuchtkraft (Der Farbwert ist nicht vorhanden). Da der Wertebereich für jede der drei Grundfarben gilt, gibt es also insgesamt 256256256 = 16.777.216 verschiedene Farben. Diese vielen Farbvarianten lassen sich mit diesem System darstellen. Dem Webmaster sind aber all diese Farbvarianten darzustellen, Grenzen gesetzt. RGB Farben + Farbnamen = 352 Farben. Beim Hintergrund kann er dies umgehen wenn er Bilder benutzt, da diese immer richtig dargestellt werden. Also Bsp. Grafik mit 1x1 Pixel mit Farbwert #123D4F anlegen und dem jeweiligen Bereich als Hintergund einfügen. Schreibt er aber per Script, so sollte er sich an die Liste der websicheren Farben halten (352). Dies ermöglicht eine einheitliche Darstellung in den gebräuchlichsten Browsern.
RGB-Farben:
Üblich ist die Darstellung in hexadezimaler (hex) Schreibweise in der Reihenfolge R(Rot) G(Grün) B(Blau) = (RGB-Farbwerte). Der Wert 255 hat in hexadezimaler (hex) Schreibweise den Wert FF. Schwarz hat in dieser Schreibweise den Wert 00 00 00 und Weiß den Wert FF FF FF.
. . . hier nun ein Überblick zu den websicheren RGB Werten:

hex code farbe hex code farbe hex code farbe
#ffffff   #ccffff   #99ffff  
#ffffcc   #ccffcc   #99ffcc  
#ffff99   #ccff99   #99ff99  
#ffff66   #ccff66   #99ff66  
#ffff33   #ccff33   #99ff33  
#ffff00   #ccff00   #99ff00  
#ffccff   #ccccff   #99ccff  
#ffcccc   #cccccc   #99cccc  
#ffcc99   #cccc99   #99cc99  
#ffcc66   #cccc66   #99cc66  
#ffcc33   #cccc33   #99cc33  
#ffcc00   #cccc00   #99cc00  
#ff99ff   #cc99ff   #9999ff  
#ff99cc   #cc99cc   #9999cc  
#ff9999   #cc9999   #999999  
#ff9966   #cc9966   #999966  
#ff9933   #cc9933   #999933  
#ff9900   #cc9900   #999900  
#ff66ff   #cc66ff   #9966ff  
#ff66cc   #cc66cc   #9966cc  
#ff6699   #cc6699   #996699  
#ff6666   #cc6666   #996666  
#ff6633   #cc6633   #996633  
#ff6600   #cc6600   #996600  
#ff33ff   #cc33ff   #9933ff  
#ff33cc   #cc33cc   #9933cc  
#ff3399   #cc3399   #993399  
#ff3366   #cc3366   #993366  
#ff3333   #cc3333   #993333  
#ff3300   #cc3300   #993300  
#ff00ff   #cc00ff   #9900ff  
#ff00cc   #cc00cc   #9900cc  
#ff0099   #cc0099   #990099  
#ff0066   #cc0066   #990066  
#ff0033   #cc0033   #990033  
#ff0000   #cc0000   #990000  
#66ffff   #33ffff   #00ffff  
#66ffcc   #33ffcc   #00ffcc  
#66ff99   #33ff99   #00ff99  
#66ff66   #33ff66   #00ff66  
#66ff33   #33ff33   #00ff33  
#66ff00   #33ff00   #00ff00  
#66ccff   #33ccff   #00ccff  
#66cccc   #33cccc   #00cccc  
#66cc99   #33cc99   #00cc99  
#66cc66   #33cc66   #00cc66  
#66cc33   #33cc33   #00cc33  
#66cc00   #33cc00   #00cc00  
#6699ff   #3399ff   #0099ff  
#6699cc   #3399cc   #0099cc  
#669999   #339999   #009999  
#669966   #339966   #009966  
#669933   #339933   #009933  
#669900   #339900   #009900  
#6666ff   #3366ff   #0066ff  
#6666cc   #3366cc   #0066cc  
#666699   #336699   #006699  
#666666   #336666   #006666  
#666633   #336633   #006633  
#666600   #336600   #006600  
#6633ff   #3333ff   #0033ff  
#6633cc   #3333cc   #0033cc  
#663399   #333399   #003399  
#663366   #333366   #003366  
#663333   #333333   #003333  
#663300   #333300   #003300  
#6600ff   #3300ff   #0000ff  
#6600cc   #3300cc   #0000cc  
#660099   #330099   #000099  
#660066   #330066   #000066  
#660033   #330033   #000033  
#660000   #330000   #000000  

VGA-Farbpalette mit Farbnamen (16)

Die Beschriftungen zeigen, welchen in html und css erlaubten Farbnamen der jeweiligen Farbe entsprechen. Die entsprechenden Hexadezimalnotationen (#) sind als zusätzliche Information und zur Kontrolle angegeben. Diese Farbangaben entsprechen dem HTML-Standard und werden in nahezu allen Browsern fehlerfrei angezeigt.

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

Netscape-Farbnamen (120)

Die Beschriftungen zeigen, welchen in html und css erlaubten Farbnamen der jeweiligen Farbe entsprechen. Die entsprechenden Hexadezimalnotationen (#) sind als zusätzliche Information und zur Kontrolle angegeben. Diese Farben werden von Netscape und Windows IE interpretiert.

farbname hex code
ivory #fffff0
snow #fffafa
ghostwhite #f8f8ff
aliceblue #f0f8ff
floralwhite #fffaf0
lavenderblush #fff0f5
seashell #fff5ee
mintcream #f5fffa
azure #f0ffff
honeydew #f0fff0
oldlace #fdf5e6
linen #faf0e6
whitesmoke #f5f5f5
lavender #e6e6fa
lightyellow #ffffe0
lemonchiffon #fffacd
lightgoldenrodyellow #fafad2
cornsilk #fff8dc
antiquewhite #faebd7
papayawhip #ffefd5
moccasin #ffe4b5
navajowhite #ffdead
wheat #f5deb3
tan #d2b48c
burlywood #deb887
peru #cd853f
sandybrown #f4a460
chocolate #d2691e
sienna #a0522d
saddlebrown #8b4513
lightcyan #e0ffff
lightblue #add8e6
lightsteelblue #b0c4de
steelblue #4682b4
aquamarine #7fffd4
darkturquoise #00ced1
turquoise #40e0d0
mediumturquoise #48d1cc
mediumaquamarine #66cdaa
darkseagreen #8fbc8f
lightseagreen #20b2aa
cadetblue #5f9ea0
darkcyan #008b8b
darkslategray #2f4f4f
paleturquoise #afeeee
powderblue #b0e0e6
skyblue #87ceeb
lightskyblue #87cefa
deepskyblue #00bfff
cornflowerblue #6495ed
dodgerblue #1e90ff
royalblue #4169e1
mediumblue #0000cd
darkblue #00008b
midnightblue #191970
mediumslateblue #7b68ee
slateblue #6a5acd
darkslateblue #483d8b
beige #f5f5dc
palegoldenrod #eee8aa
khaki #f0e68c
darkkhaki #bdb76b
springgreen #00ff7f
mediumspringgreen #00fa9a
palegreen #98fb98
lightgreen #90ee90
greenyellow #adff2f
lawngreen #7cfc00
chartreuse #7fff00
yellowgreen #9acd32
limegreen #32cd32
mediumseagreen #3cb371
seagreen #2e8b57
forestgreen #228b22
olivedrab #6b8e23
darkolivegreen #556b2f
darkgreen #006400
peachpuff #ffdab9
lightsalmon #ffa07a
salmon #fa8072
darksalmon #e9967a
lightcoral #f08080
indianred #cd5c5c
coral #ff7f50
tomato #ff6347
orangered #ff4500
crimson #dc143c
firebrick #b22222
brown #a52a2a
darkred #8b0000
orange #ffa500
darkorange #ff8c00
gold #ffd700
goldenrod #daa520
darkgoldenrod #b8860b
gainsboro #dcdcdc
lightgrey #d3d3d3
darkgray #a9a9a9
lightslategray #778899
slategray #708090
dimgray #696969
lightpink #ffb6c1
rosybrown #bc8f8f
hotpink #ff69b4
palevioletred #db7093
deeppink #ff1493
thistle #d8bfd8
violet #ee82ee
mediumorchid #ba55d3
darkmagenta #8b008b
blueviolet #8a2be2
darkviolet #9400d3
darkorchid #9932cc
mediumpurple #9370db
indigo #4b0082
mistyrose #ffe4e1
pink #ffc0cb
plum #dda0dd
orchid #da70d6
mediumvioletred #c71585