Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe maroon und Farbwert #808080

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 maroon

Schriftfarbwert #808080

DetailHintergrund maroon DetailSchrift #808080 
Farbe :maroonFarbwert :#808080
Farbwert :#800000Farbe :gray
HTML:maroonHTML:#808080
HTML (Wert):#800000HTML (Wert):#808080
CSS:maroonCSS:#808080
CSS (Wert):#800000CSS (Wert):#808080
CSS (kürzest):#800000CSS (kürzest):#808080
CSS (RGB):rgb(128,0,0)CSS (RGB):rgb(128,128,128)
CSS (%RGB):rgb(50%,0%,0%)CSS (%RGB):rgb(50%,50%,50%)

Verlauf Hintergrundfarbe maroon nach Schriftfarbwert #808080

#800000#801212#802424#803636#804949#805b5b#806d6d#808080
#800000#801212#802424#803636#804949#805b5b#806d6d#808080

Kombination von maroon und #808080

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. Cras id velit ante.

#808080 ist nicht als Schriftfarbe auf Hintergrund maroon geeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Die Ähnlichkeit der Farben #808080 und maroon ergibt sich zu 86.80%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 13.20%.

Hintergrundfarbe maroon

Schriftfarbwert #808080

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#800000#800000#800000#800000#808080#808080#808080#808080
#922424#922424#6d0000#6d0000#929292#929292#6d6d6d#6d6d6d
#a44848#a44848#5b0000#5b0000#a4a4a4#a4a4a4#5b5b5b#5b5b5b
#b66d6d#b66d6d#490000#490000#b6b6b6#b6b6b6#494949#494949
#c89191#c89191#360000#360000#c8c8c8#c8c8c8#363636#363636
#dab6b6#dab6b6#240000#240000#dadada#dadada#242424#242424
#ecdada#ecdada#120000#120000#ececec#ececec#121212#121212
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe maroon und Farbwert #808080

Zebra-Effekt von Tag td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit unterschiedlichen Hintergrundfarben Farbe maroon und Farbwert #808080.

<style type="text/css"><!--
  td.gerade { 
    background-color:maroon;
  }
  td.ungerade { 
    background-color:#808080;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr><td class="gerade">Q1/1</td><td class="ungerade">Q2/1</td><td class="gerade">Q3/1</td></tr>
<tr><td class="gerade">Q1/2</td><td class="ungerade">Q2/2</td><td class="gerade">Q3/2</td></tr>
<tr><td class="gerade">Q1/3</td><td class="ungerade">Q2/3</td><td class="gerade">Q3/3</td></tr>
</table>

Weiteres zum Thema td finden Sie in Tabellen in HTML. Der Tag td ist in der HTML Referenz unter <td> ausführlich beschrieben.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen