Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe olive 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 olive

Schriftfarbwert #800000

DetailHintergrund olive DetailSchrift #800000 
Farbe :oliveFarbwert :#800000
Farbwert :#808000Farbe :maroon
HTML:oliveHTML:#800000
HTML (Wert):#808000HTML (Wert):#800000
CSS:oliveCSS:#800000
CSS (Wert):#808000CSS (Wert):#800000
CSS (kürzest):#808000CSS (kürzest):#800000
CSS (RGB):rgb(128,128,0)CSS (RGB):rgb(128,0,0)
CSS (%RGB):rgb(50%,50%,0%)CSS (%RGB):rgb(50%,0%,0%)

Verlauf Hintergrundfarbe olive nach Schriftfarbwert #800000

#808000#806d00#805b00#804900#803600#802400#801200#800000
#808000#806d00#805b00#804900#803600#802400#801200#800000

Kombination von olive und #800000

Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.

Auf Hintergrund olive ist #800000 ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Die Ähnlichkeit von #800000 und olive beträgt 87.57%. Die Lesbarkeit dieser Kombination ergibt sich zu 12.43%.

Hintergrundfarbe olive

Schriftfarbwert #800000

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#808000#808000#808000#808000#800000#800000#800000#800000
#929224#929224#6d6d00#6d6d00#922424#922424#6d0000#6d0000
#a4a448#a4a448#5b5b00#5b5b00#a44848#a44848#5b0000#5b0000
#b6b66d#b6b66d#494900#494900#b66d6d#b66d6d#490000#490000
#c8c891#c8c891#363600#363600#c89191#c89191#360000#360000
#dadab6#dadab6#242400#242400#dab6b6#dab6b6#240000#240000
#ececda#ececda#121200#121200#ecdada#ecdada#120000#120000
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe olive und Farbwert #800000

Wechsel der Umrandung bei Hover mit HTML-Befehl a

Mit Befehl <a> wird ein Hyperlink gesetzt und kann farblich gestaltet und hervorgehoben werden.

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

In diesem Beispiel umranden wir <a> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbe olive.

<style type="text/css"><!--
  a { 
    border-width:3px; 
    border-style:groove; 
    border-color:olive;
  }
//-->
</style>
Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #800000 gesetzt wird.
<style type="text/css"><!--
  a:hover { 
    border-color:#800000;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML erfahren. Weiteres zum HTML-Befehl a ist in der HTML Referenz unter <a> ausführlich beschrieben.

Zebra-Effekt von Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit den Hintergrundfarben Farbe olive und Farbwert #800000.

<style type="text/css"><!--
  td.ung { 
    background-color:olive;
  }
  td.ger { 
    background-color: #800000;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr><td class="ung">Ia~a</td><td class="ger">Ib~a</td><td class="ung">Ic~a</td></tr>
<tr><td class="ung">Ia~b</td><td class="ger">Ib~b</td><td class="ung">Ic~b</td></tr>
<tr><td class="ung">Ia~c</td><td class="ger">Ib~c</td><td class="ung">Ic~c</td></tr>
</table>

Weiteres zum Thema td können Sie in Tabellen in HTML finden. Beschreibung des Befehl <td>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen