Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #40e0d0 und Farbe maroon

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 #40e0d0

Schriftfarbe maroon

DetailHintergrund #40e0d0 DetailSchrift maroon 
Farbwert :#40e0d0Farbe :maroon
Farbe :turquoiseFarbwert :#800000
HTML:#40e0d0HTML:maroon
HTML (Wert):#40e0d0HTML (Wert):#800000
CSS:#40e0d0CSS:maroon
CSS (Wert):#40e0d0CSS (Wert):#800000
CSS (kürzest):#40e0d0CSS (kürzest):#800000
CSS (RGB):rgb(64,224,208)CSS (RGB):rgb(128,0,0)
CSS (%RGB):rgb(25%,87%,81%)CSS (%RGB):rgb(50%,0%,0%)

Verlauf Hintergrundfarbwert #40e0d0 nach Schriftfarbe maroon

#40e0d0#49c0b2#52a094#5b8076#646059#6d403b#76201d#800000
#40e0d0#49c0b2#52a094#5b8076#646059#6d403b#76201d#800000

Kombination von #40e0d0 und maroon

Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.

Die Ähnlichkeit der Farben maroon und #40e0d0 ergibt sich zu 68.24%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 31.76%.

maroon eignet sich nicht als Schriftfarbe auf Hintergrund #40e0d0. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #40e0d0

Schriftfarbe maroon

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#40e0d0#40e0d0#40e0d0#40e0d0#800000#800000#800000#800000
#5be4d6#5be4d6#36c0b2#36c0b2#922424#922424#6d0000#6d0000
#76e8dd#76e8dd#2da094#2da094#a44848#a44848#5b0000#5b0000
#91ede4#91ede4#248076#248076#b66d6d#b66d6d#490000#490000
#adf1ea#adf1ea#1b6059#1b6059#c89191#c89191#360000#360000
#c8f6f1#c8f6f1#12403b#12403b#dab6b6#dab6b6#240000#240000
#e3faf8#e3faf8#09201d#09201d#ecdada#ecdada#120000#120000
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #40e0d0 und Farbe maroon

Wechsel der Textfarbe bei Hover von HTML-Tag a

Mit HTML-Befehl <a> erzeugen Sie einen Verweis. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #40e0d0 auf Farbe maroon ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #40e0d0 vor.

Wir ändern z.B. die Textfarbe von <a> auf Farbwert #40e0d0. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf courier new. Die Größe der Schrift vergrößern wir auf 123%.

<style type="text/css"><!--
  a { 
    color: #40e0d0; 
    font-size: 123%; 
    font-family: courier new;
  }
//-->
</style>
Jetzt fordern wir, dass bei Hover die Textfarbe auf maroon geändert wird.
<style type="text/css"><!--
  a: hover { 
    color: maroon;
  }
//-->
</style>

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Weiteres zum hier genutzten HTML-Befehl <a>.

Füllen und Umranden mit Tag dd

Hier umranden wir <dd> mit einem . Die Hintergrundfarbe für <dd> färben wir entsprechend mit Farbwert #40e0d0. Das geht in HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  dd { border:2pt groove maroon; background-color:#40e0d0; }
//-->
</style>

Mehr zu dd können Sie in Listen und Glossare in HTML erfahren. Mehr zum HTML-Befehl dd erfahren Sie in der HTML Referenz unter <dd>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen