Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumvioletred und Farbe turquoise

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 mediumvioletred

Schriftfarbe turquoise

DetailHintergrund mediumvioletred DetailSchrift turquoise 
Farbe :mediumvioletredFarbe :turquoise
Farbwert :#c71585Farbwert :#40e0d0
HTML:mediumvioletredHTML:turquoise
HTML (Wert):#c71585HTML (Wert):#40e0d0
CSS:mediumvioletredCSS:turquoise
CSS (Wert):#c71585CSS (Wert):#40e0d0
CSS (kürzest):#c71585CSS (kürzest):#40e0d0
CSS (RGB):rgb(199,21,133)CSS (RGB):rgb(64,224,208)
CSS (%RGB):rgb(78%,8%,52%)CSS (%RGB):rgb(25%,87%,81%)

Verlauf Hintergrundfarbe mediumvioletred nach Schriftfarbe turquoise

#c71585#b3328f#a04f9a#8d6ca5#7989af#66a6ba#53c3c5#40e0d0
#c71585#b3328f#a04f9a#8d6ca5#7989af#66a6ba#53c3c5#40e0d0

Kombination von mediumvioletred und turquoise

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.

turquoise ist nicht als Schriftfarbe auf Hintergrund mediumvioletred geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Die Ähnlichkeit von turquoise und mediumvioletred ergibt sich zu 84.28%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 15.72%.

Hintergrundfarbe mediumvioletred

Schriftfarbe turquoise

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#c71585#c71585#c71585#c71585#40e0d0#40e0d0#40e0d0#40e0d0
#cf3696#cf3696#aa1272#aa1272#5be4d6#5be4d6#36c0b2#36c0b2
#d757a7#d757a7#8e0f5f#8e0f5f#76e8dd#76e8dd#2da094#2da094
#df79b9#df79b9#710c4c#710c4c#91ede4#91ede4#248076#248076
#e79aca#e79aca#550939#550939#adf1ea#adf1ea#1b6059#1b6059
#efbcdc#efbcdc#380626#380626#c8f6f1#c8f6f1#12403b#12403b
#f7dded#f7dded#1c0313#1c0313#e3faf8#e3faf8#09201d#09201d
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe mediumvioletred und Farbe turquoise

Füllen und Umranden mit Tag a

Mit HTML-Tag <a> setzen Sie einen Verweis. Dieser kann farblich gestaltet werden.

Bei diesem Beispiel umranden wir <a> mit einem doppelten, 2 Pixel dicken Rahmen in Farbe turquoise . Die Hintergrundfarbe für <a> färben wir mit Farbe mediumvioletred. Das geht mit HTML nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  a { 
    border-style:double; 
    background-color:mediumvioletred; 
    border-width:2px; 
    border-color:turquoise;
  }
//-->
</style>

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Mehr zum hier verwendeten HTML-Befehl a finden Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination mit HTML-Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbe turquoise und die Hintergrundfarbe von <p> auf Farbe mediumvioletred. Die Schriftart ändern wir auf courier new. Die Schriftgröße verkleinern wir auf 82%.

<style type="text/css"><!--
  p { 
    font-size:82%; 
    color:turquoise; 
    background-color:mediumvioletred; 
    font-family:courier new;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier verwendeten HTML-Befehl p lesen Sie in der HTML Referenz unter <p>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen