Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe black und Farbwert #800000

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 black

Schriftfarbwert #800000

DetailHintergrund black DetailSchrift #800000 
Farbe :blackFarbwert :#800000
Farbwert :#000000Farbe :maroon
HTML:blackHTML:#800000
HTML (Wert):#000000HTML (Wert):#800000
CSS:blackCSS:#800000
CSS (Wert):#000000CSS (Wert):#800000
CSS (kürzest):#000CSS (kürzest):#800000
CSS (RGB):rgb(0,0,0)CSS (RGB):rgb(128,0,0)
CSS (%RGB):rgb(0%,0%,0%)CSS (%RGB):rgb(50%,0%,0%)

Verlauf Hintergrundfarbe black nach Schriftfarbwert #800000

#000000#120000#240000#360000#490000#5b0000#6d0000#800000
#000000#120000#240000#360000#490000#5b0000#6d0000#800000

Kombination von black und #800000

Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.

Die Ähnlichkeit von #800000 und black ergibt sich zu 90.87%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.13%.

#800000 eignet sich nicht als Schriftfarbe auf Hintergrund black, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe black

Schriftfarbwert #800000

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#000000#000000#000000#000000#800000#800000#800000#800000
#242424#242424#000000#000000#922424#922424#6d0000#6d0000
#484848#484848#000000#000000#a44848#a44848#5b0000#5b0000
#6d6d6d#6d6d6d#000000#000000#b66d6d#b66d6d#490000#490000
#919191#919191#000000#000000#c89191#c89191#360000#360000
#b6b6b6#b6b6b6#000000#000000#dab6b6#dab6b6#240000#240000
#dadada#dadada#000000#000000#ecdada#ecdada#120000#120000
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe black und Farbwert #800000

Wechsel der Umrandung bei Hover mit Tag frameset

Die Rahmenfarbe soll sich von Farbe black auf Farbwert #800000 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <frameset> in Farbe black vor.

In diesem Beispiel umranden wir <frameset> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbe black.

<style type="text/css"><!--
  frameset { border:3px dotted black; }
//-->
</style>
Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #800000 ändert.
<style type="text/css"><!--
  frameset: hover { 
    border-color: #800000;
  }
//-->
</style>

Der HTML-Tag frameset ist in der HTML Referenz bei <frameset> beschrieben.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl div

Einen Kontainer erzeugen Sie mit Befehl <div>. Diesen kann man farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbe black auf Farbwert #800000 ändern, wenn man mit der Maus auf <div> zeigt. Bereiten wir zunächst eine Formatierung von <div> in Farbe black vor.

Wir legen zum Beispiel Farbe black als Hintergrundfarbe von <div> fest. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  div { 
    background-color: black; 
    font-size: 13px;
  }
//-->
</style>
Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe auf #800000 ändert.
<style type="text/css"><!--
  div: hover { 
    background-color: #800000;
  }
//-->
</style>

Weiteres zum Tag div finden Sie in der HTML Referenz unter <div>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen