Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbe firebrick

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, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe firebrick

DetailHintergrundfarbe firebrick Verlauf nach WeißVerlauf nach Schwarz
Farbe :firebrick#b22222#b22222#b22222#b22222
Farbwert :#b22222#bd4141#bd4141#981d1d#981d1d
HTML:firebrick#c86161#c86161#7f1818#7f1818
CSS:firebrick#d38080#d38080#651313#651313
CSS (Wert):#b22222#dea0a0#dea0a0#4c0e0e#4c0e0e
CSS (kürzest):#b22222#e9bfbf#e9bfbf#320909#320909
CSS (RGB):rgb(178,34,34)#f4dfdf#f4dfdf#190404#190404
CSS (%RGB):rgb(69%,13%,13%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe firebrick

Farbige Unterstreichung bei Tag a

Mit HTML-Tag <a> wird ein Verweis gesetzt. Diesen kann man hervorheben und farblich gestalten.

Hier unterstreichen wir <a> mit einem gefurchten Rahmen mit 4 Pixel Dicke in Farbe firebrick. Das ist mit HTML nicht möglich. Daher nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-bottom-style: groove; 
    border-bottom-color: firebrick; 
    border-bottom-width: 4px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu nutzen. Manchmal sieht man diesen Effekt bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Dies ist jedoch keine normale Unterstreichung, der Text selbst ist gar nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML finden. Beschreibung vom hier genutzten Befehl <a>.

Umrandung von Tag img

In diesem Beispiel umranden wir <img> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbe firebrick. Das ist in HTML nicht möglich. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  img { border:2px inset firebrick; }
//-->
</style>

Mehr zu img erfahren Sie in Grafik in HTML. Weiteres zum hier genutzten Tag <img>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen