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

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 #87ceeb

DetailHintergrundfarbwert #87ceeb Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#87ceeb#87ceeb#87ceeb#87ceeb#87ceeb
Farbe :skyblue#98d5ed#98d5ed#73b0c9#73b0c9
HTML:#87ceeb#a9dcf0#a9dcf0#6093a7#6093a7
CSS:#87ceeb#bae3f3#bae3f3#4d7586#4d7586
CSS (Wert):#87ceeb#cbeaf6#cbeaf6#395864#395864
CSS (kürzest):#87ceeb#dcf1f9#dcf1f9#263a43#263a43
CSS (RGB):rgb(135,206,235)#edf8fc#edf8fc#131d21#131d21
CSS (%RGB):rgb(52%,80%,92%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #87ceeb

Farbige Unterstreichung mit HTML-Tag cite

Hier unterstreichen wir <cite> mit einem gezahnten Rahmen mit 5 Pixel Dicke in Farbwert #87ceeb. Mit HTML geht dies nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  cite { 
    border-bottom-style:ridge; 
    border-bottom-color:#87ceeb; 
    border-bottom-width:5px;
  }
//-->
</style>

Die Idee ist hierbei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Manchmal sehen Sie diesen Effekt bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine normale Unterstreichung, der Text hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Beschreibung des HTML-Tag <cite>.

Änderung der Hintergrundfarbe mit Tag dt

Für dieses Beispiel ändern wir die Hintergrundfarbe von <dt> auf Farbwert #87ceeb. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf verdana und ändern die Schriftgröße auf 9pt.

<dt style="font-size:9pt; background-color:#87ceeb; font-family:verdana;">
Dieser Hintergrund hat Farbwert #87ceeb
</dt>

Weiteres zu dt können Sie in Listen und Glossare in HTML erfahren. Einzelheiten des hier genutzten Tag <dt>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen