Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #c71585 und Farbwert #696969

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.

Hintergrundfarbwert #c71585

Schriftfarbwert #696969

DetailHintergrund #c71585 DetailSchrift #696969 
Farbwert :#c71585Farbwert :#696969
Farbe :mediumvioletredFarbe :dimgray
HTML:#c71585HTML:#696969
HTML (Wert):#c71585HTML (Wert):#696969
CSS:#c71585CSS:#696969
CSS (Wert):#c71585CSS (Wert):#696969
CSS (kürzest):#c71585CSS (kürzest):#696969
CSS (RGB):rgb(199,21,133)CSS (RGB):rgb(105,105,105)
CSS (%RGB):rgb(78%,8%,52%)CSS (%RGB):rgb(41%,41%,41%)

Verlauf Hintergrundfarbwert #c71585 nach Schriftfarbwert #696969

#c71585#b92181#ac2d7d#9e3979#914575#835171#765d6d#696969
#c71585#b92181#ac2d7d#9e3979#914575#835171#765d6d#696969

Kombination von #c71585 und #696969

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

Die Ähnlichkeit von #696969 und #c71585 beträgt 95.18%. Die Lesbarkeit dieser Kombination bewerte ich mit 4.82%.

#696969 eignet sich nicht als Schriftfarbe auf Hintergrund #c71585, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #c71585

Schriftfarbwert #696969

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#c71585#c71585#c71585#c71585#696969#696969#696969#696969
#cf3696#cf3696#aa1272#aa1272#7e7e7e#7e7e7e#5a5a5a#5a5a5a
#d757a7#d757a7#8e0f5f#8e0f5f#939393#939393#4b4b4b#4b4b4b
#df79b9#df79b9#710c4c#710c4c#a9a9a9#a9a9a9#3c3c3c#3c3c3c
#e79aca#e79aca#550939#550939#bebebe#bebebe#2d2d2d#2d2d2d
#efbcdc#efbcdc#380626#380626#d4d4d4#d4d4d4#1e1e1e#1e1e1e
#f7dded#f7dded#1c0313#1c0313#e9e9e9#e9e9e9#0f0f0f#0f0f0f
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbwert #c71585 und Farbwert #696969

Text- und Unterstreichungsfarben von HTML-Tag h2

Eine Überschrift der 2. Stufe setzt man mit HTML-Tag <h2>. Diese können Sie hervorheben und farblich gestalten.

In diesem Beispiel ändern wir die Textfarbe von <h2> auf Farbwert #696969 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf sans-serif und verkleinern die Schriftgröße auf 90%. Wir unterstreichen den Inhalt von <h2> mit Hilfe eines herausstehenden Rahmens mit 4 Pixel Dicke in Farbwert #c71585. Das ist in HTML nicht möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  h2 { 
    font-size:90%; 
    color:#696969; 
    border-bottom:4px outset #c71585; 
    font-family:sans-serif;
  }
//-->
</style>

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

Weiteres zu h2 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten des hier gezeigten Befehl h2 sind in der HTML Referenz bei <h2> gezeigt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen