Ressourcen: 137 HTML Farbnamen - Kombination von Farbe green und Farbe dimgray

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 green

Schriftfarbe dimgray

DetailHintergrund green DetailSchrift dimgray 
Farbe :greenFarbe :dimgray
Farbwert :#008000Farbwert :#696969
HTML:greenHTML:dimgray
HTML (Wert):#008000HTML (Wert):#696969
CSS:greenCSS:dimgray
CSS (Wert):#008000CSS (Wert):#696969
CSS (kürzest):#008000CSS (kürzest):#696969
CSS (RGB):rgb(0,128,0)CSS (RGB):rgb(105,105,105)
CSS (%RGB):rgb(0%,50%,0%)CSS (%RGB):rgb(41%,41%,41%)

Verlauf Hintergrundfarbe green nach Schriftfarbe dimgray

#008000#0f7c0f#1e791e#2d762d#3c723c#4b6f4b#5a6c5a#696969
#008000#0f7c0f#1e791e#2d762d#3c723c#4b6f4b#5a6c5a#696969

Kombination von green und dimgray

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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

Die Ähnlichkeit von dimgray und green ergibt sich zu 94.91%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.09%.

Auf Hintergrund green ist dimgray ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbe green

Schriftfarbe dimgray

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#008000#008000#008000#008000#696969#696969#696969#696969
#249224#249224#006d00#006d00#7e7e7e#7e7e7e#5a5a5a#5a5a5a
#48a448#48a448#005b00#005b00#939393#939393#4b4b4b#4b4b4b
#6db66d#6db66d#004900#004900#a9a9a9#a9a9a9#3c3c3c#3c3c3c
#91c891#91c891#003600#003600#bebebe#bebebe#2d2d2d#2d2d2d
#b6dab6#b6dab6#002400#002400#d4d4d4#d4d4d4#1e1e1e#1e1e1e
#daecda#daecda#001200#001200#e9e9e9#e9e9e9#0f0f0f#0f0f0f
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe green und Farbe dimgray

Text- und Unterstreichungsfarben bei Befehl label

Hier ändern wir die Textfarbe von <label> auf Farbe dimgray. Die Schriftart setzen wir auf sans-serif und verringern die Schriftgröße auf 94%. Wir unterstreichen den Inhalt von <label> mit Hilfe eines gezahnten Rahmens mit 2 Pixel Dicke in Farbe green. Mit HTML geht dies nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  label { 
    font-size: 94%; 
    border-bottom: 2px ridge green; 
    font-family: sans-serif; 
    color: dimgray;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema erfahren Sie in Formulare in HTML. Einzelheiten des HTML-Tag label sind in der HTML Referenz bei <label> genau zusammengestellt.

Hintergrund/Text-Kombination bei Tag h6

Eine Überschrift der 6. Stufe erzeugen Sie mit Befehl <h6>. Diese können Sie hervorheben und farblich gestalten.

In diesem Beispiel ändern wir die Textfarbe von <h6> auf Farbe dimgray und die Hintergrundfarbe von <h6> auf Farbe green. Die Schriftart setzen wir auf verdana. Die Schriftgröße verkleinern wir auf 81%.

<style type="text/css"><!--
  h6 { 
    font-family:verdana; 
    color:dimgray; 
    font-size:81%; 
    background-color:green;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Die Beschreibung vom HTML-Befehl h6 lesen Sie in der HTML Referenz unter <h6>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen