Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe skyblue

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.

Hintergrundfarbe skyblue

DetailHintergrundfarbe skyblue Verlauf nach WeißVerlauf nach Schwarz
Farbe :skyblue#87ceeb#87ceeb#87ceeb#87ceeb
Farbwert :#87ceeb#98d5ed#98d5ed#73b0c9#73b0c9
HTML:skyblue#a9dcf0#a9dcf0#6093a7#6093a7
CSS:skyblue#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 Farbe skyblue

Änderung der Hintergrundfarbe mit HTML-Tag blockquote

Für dieses Beispiel legen wir die Hintergrundfarbe von <blockquote> auf Farbe skyblue fest. Die Textfarbe verändern wir nicht, setzen jedoch die Schriftart auf sans-serif. Die Größe der Schrift setzen wir auf 126%.

<blockquote style="background-color:skyblue; font-family:sans-serif; font-size:126%;">
Dieser Hintergrund ist in Farbe skyblue
</blockquote>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML finden. Weiteres zum Befehl <blockquote>.

Änderung der Hintergrundfarbe bei Hover von Befehl dt

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <dt> so ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf Farbe skyblue gesetzt wird.
<style type="text/css"><!--
  dt: hover { 
    background-color: skyblue;
  }
//-->
</style>

Weiteres zum Thema dt finden Sie in Listen und Glossare in HTML. Mehr zum hier verwendeten Befehl dt ist in der HTML Referenz unter <dt> genau beschrieben.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen