Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #6b8e23 und 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, 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.

Hintergrundfarbwert #6b8e23

Schriftfarbwert #2f4f4f

DetailHintergrund #6b8e23 DetailSchrift #2f4f4f 
Farbwert :#6b8e23Farbwert :#2f4f4f
Farbe :olivedrabFarbe :darkslategray
HTML:#6b8e23HTML:#2f4f4f
HTML (Wert):#6b8e23HTML (Wert):#2f4f4f
CSS:#6b8e23CSS:#2f4f4f
CSS (Wert):#6b8e23CSS (Wert):#2f4f4f
CSS (kürzest):#6b8e23CSS (kürzest):#2f4f4f
CSS (RGB):rgb(107,142,35)CSS (RGB):rgb(47,79,79)
CSS (%RGB):rgb(41%,55%,13%)CSS (%RGB):rgb(18%,30%,30%)

Verlauf Hintergrundfarbwert #6b8e23 nach Schriftfarbwert #2f4f4f

#6b8e23#628529#597c2f#517335#486a3c#406142#375848#2f4f4f
#6b8e23#628529#597c2f#517335#486a3c#406142#375848#2f4f4f

Kombination von #6b8e23 und #2f4f4f

Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

#2f4f4f ist nicht als Schriftfarbe auf Hintergrund #6b8e23 geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Die Ähnlichkeit der Farben #2f4f4f und #6b8e23 ergibt sich zu 88.83%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 11.17%.

Hintergrundfarbwert #6b8e23

Schriftfarbwert #2f4f4f

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#6b8e23#6b8e23#6b8e23#6b8e23#2f4f4f#2f4f4f#2f4f4f#2f4f4f
#809e42#809e42#5b791e#5b791e#4c6868#4c6868#284343#284343
#95ae61#95ae61#4c6519#4c6519#6a8181#6a8181#213838#213838
#aabe81#aabe81#3d5114#3d5114#889a9a#889a9a#1a2d2d#1a2d2d
#bfcea0#bfcea0#2d3c0f#2d3c0f#a5b3b3#a5b3b3#142121#142121
#d4dec0#d4dec0#1e280a#1e280a#c3cccc#c3cccc#0d1616#0d1616
#e9eedf#e9eedf#0f1405#0f1405#e1e5e5#e1e5e5#060b0b#060b0b
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #6b8e23 und Farbwert #2f4f4f

Wechsel der Textfarbe bei Hover bei Befehl dd

Die Textfarbe soll sich von Farbwert #6b8e23 auf Farbwert #2f4f4f ändern, wenn man mit der Maus auf <dd> zeigt. Bereiten wir zunächst eine Formatierung von <dd> in Farbwert #6b8e23 vor.

Zum Beispiel legen wir bei <dd> die Textfarbe auf Farbwert #6b8e23 fest. Die Größe der Schrift setzen wir auf 11px.

<style type="text/css"><!--
  dd { 
    font-size:11px; 
    color:#6b8e23;
  }
//-->
</style>
Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #2f4f4f gesetzt wird.
<style type="text/css"><!--
  dd: hover { 
    color: #2f4f4f;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Listen und Glossare in HTML. Der HTML-Tag dd ist in der HTML Referenz bei <dd> gezeigt.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag a

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

Die Hintergrundfarbe soll sich von Farbwert #6b8e23 auf Farbwert #2f4f4f ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbwert #6b8e23 vor.

Wir legen als Beispiel bei <a> die Hintergrundfarbe auf Farbwert #6b8e23 fest. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  a { 
    background-color: #6b8e23; 
    font-size: 13px;
  }
//-->
</style>
Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #2f4f4f ändert.
<style type="text/css"><!--
  a:hover { 
    background-color:#2f4f4f;
  }
//-->
</style>

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten vom Tag a finden Sie in der HTML Referenz unter <a>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen