Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ff00ff und Farbwert #191970

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 #ff00ff

Schriftfarbwert #191970

DetailHintergrund #ff00ff DetailSchrift #191970 
Farbwert :#ff00ffFarbwert :#191970
Farbe :fuchsiaFarbe :midnightblue
HTML:#ff00ffHTML:#191970
HTML (Wert):#ff00ffHTML (Wert):#191970
CSS:#ff00ffCSS:#191970
CSS (Wert):#ff00ffCSS (Wert):#191970
CSS (kürzest):#f0fCSS (kürzest):#191970
CSS (RGB):rgb(255,0,255)CSS (RGB):rgb(25,25,112)
CSS (%RGB):rgb(100%,0%,100%)CSS (%RGB):rgb(9%,9%,43%)

Verlauf Hintergrundfarbwert #ff00ff nach Schriftfarbwert #191970

#ff00ff#de03ea#bd07d6#9c0ac1#7b0ead#5a1198#391584#191970
#ff00ff#de03ea#bd07d6#9c0ac1#7b0ead#5a1198#391584#191970

Kombination von #ff00ff und #191970

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

Die Ähnlichkeit von #191970 und #ff00ff ergibt sich zu 77.46%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 22.54%.

#191970 eignet sich nicht als Schriftfarbe auf Hintergrund #ff00ff. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbwert #ff00ff

Schriftfarbwert #191970

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ff00ff#ff00ff#ff00ff#ff00ff#191970#191970#191970#191970
#ff24ff#ff24ff#da00da#da00da#393984#393984#151560#151560
#ff48ff#ff48ff#b600b6#b600b6#5a5a98#5a5a98#111150#111150
#ff6dff#ff6dff#910091#910091#7b7bad#7b7bad#0e0e40#0e0e40
#ff91ff#ff91ff#6d006d#6d006d#9c9cc1#9c9cc1#0a0a30#0a0a30
#ffb6ff#ffb6ff#480048#480048#bdbdd6#bdbdd6#070720#070720
#ffdaff#ffdaff#240024#240024#dedeea#dedeea#030310#030310
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #ff00ff und Farbwert #191970

Hintergrund/Text-Kombination mit Befehl strong

Wir ändern in diesem Beispiel die Textfarbe von <strong> auf Farbwert #191970 und die Hintergrundfarbe von <strong> auf Farbwert #ff00ff. Als Schriftart wählen wir arial und als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  strong { 
    font-family: arial; 
    color: #191970; 
    font-size: 13px; 
    background-color: #ff00ff;
  }
//-->
</style>

Mehr zu strong können Sie in Text in HTML lesen. Möglichkeiten des HTML-Tag strong sind in der HTML Referenz bei <strong> zusammengestellt.

Füllen und Umranden mit HTML-Tag h3

Eine Überschrift der 3. Stufe wird mit Befehl <h3> erzeugt. Sie kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel umranden wir <h3> mit einem . Die Hintergrundfarbe für <h3> färben wir entsprechend mit Farbwert #ff00ff. Mit HTML geht dies nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  h3 { 
    border-style: ridge; 
    border-width: 4px; 
    border-color: #191970; 
    background-color: #f0f;
  }
//-->
</style>

Weiteres zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Der HTML-Befehl h3 ist in der HTML Referenz unter <h3> genau zusammengestellt.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen