Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe fuchsia und Farbwert #008000

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbe fuchsia

Schriftfarbwert #008000

DetailHintergrund fuchsia DetailSchrift #008000 
Farbe :fuchsiaFarbwert :#008000
Farbwert :#ff00ffFarbe :green
HTML:fuchsiaHTML:#008000
HTML (Wert):#ff00ffHTML (Wert):#008000
CSS:fuchsiaCSS:#008000
CSS (Wert):#ff00ffCSS (Wert):#008000
CSS (kürzest):#f0fCSS (kürzest):#008000
CSS (RGB):rgb(255,0,255)CSS (RGB):rgb(0,128,0)
CSS (%RGB):rgb(100%,0%,100%)CSS (%RGB):rgb(0%,50%,0%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbwert #008000

#ff00ff#da12da#b624b6#913691#6d496d#485b48#246d24#008000
#ff00ff#da12da#b624b6#913691#6d496d#485b48#246d24#008000

Kombination von fuchsia und #008000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.

#008000 ist nicht als Schriftfarbe auf Hintergrund fuchsia geeignet, weil die Helligkeiten zu ähnlich sind.

Die Ähnlichkeit von #008000 und fuchsia beträgt 92.20%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.80%.

Hintergrundfarbe fuchsia

Schriftfarbwert #008000

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ff00ff#ff00ff#ff00ff#ff00ff#008000#008000#008000#008000
#ff24ff#ff24ff#da00da#da00da#249224#249224#006d00#006d00
#ff48ff#ff48ff#b600b6#b600b6#48a448#48a448#005b00#005b00
#ff6dff#ff6dff#910091#910091#6db66d#6db66d#004900#004900
#ff91ff#ff91ff#6d006d#6d006d#91c891#91c891#003600#003600
#ffb6ff#ffb6ff#480048#480048#b6dab6#b6dab6#002400#002400
#ffdaff#ffdaff#240024#240024#daecda#daecda#001200#001200
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe fuchsia und Farbwert #008000

Wechsel der Umrandung bei Hover mit HTML-Befehl li

Die Rahmenfarbe soll sich von Farbe fuchsia auf Farbwert #008000 ändern, wenn man mit der Maus auf <li> zeigt. Bereiten wir zunächst eine Darstellung von <li> in Farbe fuchsia vor.

In diesem Beispiel umranden wir <li> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe fuchsia.

<style type="text/css"><!--
  li { border:2px outset fuchsia; }
//-->
</style>
Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #008000 ändert.
<style type="text/css"><!--
  li: hover { 
    border-color: #008000;
  }
//-->
</style>

Mehr zum Thema li können Sie in Listen und Glossare in HTML nachlesen. Weiteres zum hier genutzten Befehl <li>.

Wechsel der Textfarbe bei Hover von Befehl s

Die Textfarbe soll sich von Farbe fuchsia auf Farbwert #008000 ändern, wenn man mit der Maus auf <s> zeigt. Wir bereiten zunächst eine Darstellung von <s> in Farbe fuchsia vor.

Wir ändern zum Beispiel bei <s> die Textfarbe auf Farbe fuchsia. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf monospace und setzen die Größe der Schrift auf 91%.

<style type="text/css"><!--
  s { 
    color: fuchsia; 
    font-family: monospace; 
    font-size: 91%;
  }
//-->
</style>
Nun fordern wir, dass sich bei Hover die Textfarbe zu #008000 ändert.
<style type="text/css"><!--
  s:hover { 
    color:#008000;
  }
//-->
</style>

Mehr zu s können Sie in Text in HTML erfahren. Die Beschreibung vom HTML-Tag s finden Sie in der HTML Referenz unter <s>.

Tabelle der 17 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aqua #00ffff         +  aqua #00ffff aqua / fuchsia
black #000000         +  black #000000 black / fuchsia
blue #0000ff         +  blue #0000ff blue / fuchsia
fuchsia #ff00ff         +  fuchsia #ff00ff fuchsia / fuchsia
gray #808080         +  gray #808080 gray / fuchsia
grey #808080         +  grey #808080 grey / fuchsia
green #008000         +  green #008000 green / fuchsia
lime #00ff00         +  lime #00ff00 lime / fuchsia
maroon #800000         +  maroon #800000 maroon / fuchsia
navy #000080         +  navy #000080 navy / fuchsia
olive #808000         +  olive #808000 olive / fuchsia
purple #800080         +  purple #800080 purple / fuchsia
red #ff0000         +  red #ff0000 red / fuchsia
silver #c0c0c0         +  silver #c0c0c0 silver / fuchsia
teal #008080         +  teal #008080 teal / fuchsia
white #ffffff         +  white #ffffff white / fuchsia
yellow #ffff00         +  yellow #ffff00 yellow / fuchsia

Weitere Farbtabellen