Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #6b8e23

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 seagreen

Schriftfarbwert #6b8e23

DetailHintergrund seagreen DetailSchrift #6b8e23 
Farbe :seagreenFarbwert :#6b8e23
Farbwert :#2e8b57Farbe :olivedrab
HTML:seagreenHTML:#6b8e23
HTML (Wert):#2e8b57HTML (Wert):#6b8e23
CSS:seagreenCSS:#6b8e23
CSS (Wert):#2e8b57CSS (Wert):#6b8e23
CSS (kürzest):#2e8b57CSS (kürzest):#6b8e23
CSS (RGB):rgb(46,139,87)CSS (RGB):rgb(107,142,35)
CSS (%RGB):rgb(18%,54%,34%)CSS (%RGB):rgb(41%,55%,13%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #6b8e23

#2e8b57#368b4f#3f8b48#488c40#508c39#598d31#628d2a#6b8e23
#2e8b57#368b4f#3f8b48#488c40#508c39#598d31#628d2a#6b8e23

Kombination von seagreen und #6b8e23

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

#6b8e23 ist nicht als Schriftfarbe auf Hintergrund seagreen geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Die Ähnlichkeit der Farben #6b8e23 und seagreen ergibt sich zu 94.69%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.31%.

Hintergrundfarbe seagreen

Schriftfarbwert #6b8e23

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#2e8b57#2e8b57#2e8b57#2e8b57#6b8e23#6b8e23#6b8e23#6b8e23
#4b9b6f#4b9b6f#27774a#27774a#809e42#809e42#5b791e#5b791e
#69ac87#69ac87#20633e#20633e#95ae61#95ae61#4c6519#4c6519
#87bc9f#87bc9f#1a4f31#1a4f31#aabe81#aabe81#3d5114#3d5114
#a5cdb7#a5cdb7#133b25#133b25#bfcea0#bfcea0#2d3c0f#2d3c0f
#c3ddcf#c3ddcf#0d2718#0d2718#d4dec0#d4dec0#1e280a#1e280a
#e1eee7#e1eee7#06130c#06130c#e9eedf#e9eedf#0f1405#0f1405
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #6b8e23

Füllen und Umranden von HTML-Befehl a

Ein Link wird mit Tag <a> gesetzt. Er kann hervorgehoben und farblich gestaltet werden.

In diesem Beispiel umranden wir <a> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbwert #6b8e23 . Den Hintergrund von <a> setzen wir auf Farbe seagreen. Mit HTML geht das nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-style:dotted; 
    background-color:seagreen; 
    border-color:#6b8e23; 
    border-width:5px;
  }
//-->
</style>

Mehr zu a finden Sie in Verweise und Protokolle in HTML. Einzelheiten des hier genutzten HTML-Befehl a sind in der HTML Referenz unter <a> ausführlich beschrieben.

Hintergrund/Text-Kombination bei Befehl p

Für dieses Beispiel ändern wir die Textfarbe von <p> auf Farbwert #6b8e23 und die Hintergrundfarbe von <p> auf Farbe seagreen. Als Schriftart setzen wir monospace. Als Schriftgröße setzen wir 13pt.

<style type="text/css"><!--
  p { 
    color:#6b8e23; 
    background-color:seagreen; 
    font-family:monospace; 
    font-size:13pt;
  }
//-->
</style>

Mehr zu p finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Befehl p erfahren Sie in der HTML Referenz unter <p>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen