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

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.

Hintergrundfarbwert #800000

Schriftfarbe lime

DetailHintergrund #800000 DetailSchrift lime 
Farbwert :#800000Farbe :lime
Farbe :maroonFarbwert :#00ff00
HTML:#800000HTML:lime
HTML (Wert):#800000HTML (Wert):#00ff00
CSS:#800000CSS:lime
CSS (Wert):#800000CSS (Wert):#00ff00
CSS (kürzest):#800000CSS (kürzest):#0f0
CSS (RGB):rgb(128,0,0)CSS (RGB):rgb(0,255,0)
CSS (%RGB):rgb(50%,0%,0%)CSS (%RGB):rgb(0%,100%,0%)

Verlauf Hintergrundfarbwert #800000 nach Schriftfarbe lime

#800000#6d2400#5b4800#496d00#369100#24b600#12da00#00ff00
#800000#6d2400#5b4800#496d00#369100#24b600#12da00#00ff00

Kombination von #800000 und lime

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 lime und #800000 ergibt sich zu 62.00%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 38.00%.

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

Hintergrundfarbwert #800000

Schriftfarbe lime

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#800000#800000#800000#800000#00ff00#00ff00#00ff00#00ff00
#922424#922424#6d0000#6d0000#24ff24#24ff24#00da00#00da00
#a44848#a44848#5b0000#5b0000#48ff48#48ff48#00b600#00b600
#b66d6d#b66d6d#490000#490000#6dff6d#6dff6d#009100#009100
#c89191#c89191#360000#360000#91ff91#91ff91#006d00#006d00
#dab6b6#dab6b6#240000#240000#b6ffb6#b6ffb6#004800#004800
#ecdada#ecdada#120000#120000#daffda#daffda#002400#002400
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #800000 und Farbe lime

Füllen und Umranden mit Tag pre

Bei diesem Beispiel umranden wir <pre> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbe lime . Die Hintergrundfarbe für <pre> färben wir entsprechend mit Farbwert #800000. In HTML geht das nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  pre { 
    border-style: dashed; 
    border-color: lime; 
    background-color: #800000; 
    border-width: 4px;
  }
//-->
</style>

Mehr zum Thema pre lesen Sie in Blockorientierte Elemente in HTML. Weiteres zum hier verwendeten Tag pre ist in der HTML Referenz unter <pre> ausführlich gezeigt.

Zebra-Effekt von HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <th> mit den Hintergrundfarben Farbwert #800000 und Farbe lime.

<style type="text/css"><!--
  th.ungerade { 
    background-color: #800000;
  }
  th.gerade { 
    background-color: lime;
  }
//-->
</style>

Diese werden abwechselnd genutzt.

<table>
<tr><td class="ungerade">Ka,a</td><td class="gerade">Kb,a</td><td class="ungerade">Kc,a</td></tr>
<tr><td class="ungerade">Ka,b</td><td class="gerade">Kb,b</td><td class="ungerade">Kc,b</td></tr>
<tr><td class="ungerade">Ka,c</td><td class="gerade">Kb,c</td><td class="ungerade">Kc,c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Weiteres zum Tag <th>.

Tabelle der 17 HTML Farbnamen

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

Weitere Farbtabellen