Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #2f4f4f

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 #2f4f4f

DetailHintergrundfarbwert #2f4f4f Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#2f4f4f#2f4f4f#2f4f4f#2f4f4f#2f4f4f
Farbe :darkslategray#4c6868#4c6868#284343#284343
HTML:#2f4f4f#6a8181#6a8181#213838#213838
CSS:#2f4f4f#889a9a#889a9a#1a2d2d#1a2d2d
CSS (Wert):#2f4f4f#a5b3b3#a5b3b3#142121#142121
CSS (kürzest):#2f4f4f#c3cccc#c3cccc#0d1616#0d1616
CSS (RGB):rgb(47,79,79)#e1e5e5#e1e5e5#060b0b#060b0b
CSS (%RGB):rgb(18%,30%,30%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #2f4f4f

Änderung der Hintergrundfarbe bei Befehl p

Als Beispiel ändern wir bei <p> die Hintergrundfarbe auf Farbwert #2f4f4f.

<style type="text/css"><!--
  p { 
    background-color: #2f4f4f;
  }
//-->
</style>

Mehr zum Thema p finden Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier verwendeten Tag <p>.

Farbige Unterstreichung von HTML-Befehl a

Einen Link erzeugen Sie mit Befehl <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Beispielsweise unterstreichen wir <a> mit einem einfallenden Rahmen mit 1 Pixel Dicke in Farbwert #2f4f4f. Mit HTML ist das kaum möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    border-bottom-style:inset; 
    border-bottom-width:1px; 
    border-bottom-color:#2f4f4f;
  }
//-->
</style>

Die Idee ist dabei, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sehen Sie diesen Effekt bei Hyperlinks. Der Text ist in einer Farbe. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "normale" Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Einzelheiten des hier genutzten HTML-Befehl <a>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen