Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #87cefa

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #87cefa

DetailHintergrundfarbwert #87cefa Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#87cefa#87cefa#87cefa#87cefa#87cefa
Farbe :lightskyblue#98d5fa#98d5fa#73b0d6#73b0d6
HTML:#87cefa#a9dcfb#a9dcfb#6093b2#6093b2
CSS:#87cefa#bae3fc#bae3fc#4d758e#4d758e
CSS (Wert):#87cefa#cbeafc#cbeafc#39586b#39586b
CSS (kürzest):#87cefa#dcf1fd#dcf1fd#263a47#263a47
CSS (RGB):rgb(135,206,250)#edf8fe#edf8fe#131d23#131d23
CSS (%RGB):rgb(52%,80%,98%)#ffffff#ffffff#000000#000000

Beispiel zur Kombination mit Farbwert #87cefa

Umrandung bei Tag hr

In diesem Beispiel umranden wir <hr> mit einem 5 Pixel dicken, doppelten Rahmen in Farbwert #87cefa. Das geht in HTML nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  hr { border:5px double #87cefa; }
//-->
</style>

Weiteres zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML finden. Einzelheiten vom hier genutzten HTML-Tag hr lesen Sie in der HTML Referenz unter <hr>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen