Ressourcen: 137 HTML Farbnamen - Kombination von Farbe coral und Farbwert #808000

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe coral			Schriftfarbwert #808000
Detail	:	Hintergrund coral	Detail	:	Schrift #808000
Farbe	:	coral	Farbwert	:	#808000
Farbwert	:	#ff7f50	Farbe	:	olive
HTML	:	coral	HTML	:	#808000
HTML (Wert)	:	#ff7f50	HTML (Wert)	:	#808000
CSS	:	coral	CSS	:	#808000
CSS (Wert)	:	#ff7f50	CSS (Wert)	:	#808000
CSS (kürzest)	:	#ff7f50	CSS (kürzest)	:	#808000
CSS (RGB)	:	rgb(255,127,80)	CSS (RGB)	:	rgb(128,128,0)
CSS (%RGB)	:	rgb(100%,49%,31%)	CSS (%RGB)	:	rgb(50%,50%,0%)

Verlauf Hintergrundfarbe coral nach Schriftfarbwert #808000
#ff7f50	#ec7f44	#da7f39	#c87f2d	#b67f22	#a47f16	#927f0b	#808000
#ff7f50	#ec7f44	#da7f39	#c87f2d	#b67f22	#a47f16	#927f0b	#808000

Kombination von coral und #808000
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#808000 eignet sich nicht als Schriftfarbe auf Hintergrund coral. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #808000 und coral beträgt 92.01%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.99%.

Hintergrundfarbe coral				Schriftfarbwert #808000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff7f50	#ff7f50	#ff7f50	#ff7f50	#808000	#808000	#808000	#808000
#ff9169	#ff9169	#da6c44	#da6c44	#929224	#929224	#6d6d00	#6d6d00
#ffa382	#ffa382	#b65a39	#b65a39	#a4a448	#a4a448	#5b5b00	#5b5b00
#ffb59b	#ffb59b	#91482d	#91482d	#b6b66d	#b6b66d	#494900	#494900
#ffc8b4	#ffc8b4	#6d3622	#6d3622	#c8c891	#c8c891	#363600	#363600
#ffdacd	#ffdacd	#482416	#482416	#dadab6	#dadab6	#242400	#242400
#ffece6	#ffece6	#24120b	#24120b	#ececda	#ececda	#121200	#121200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe coral und Farbwert #808000

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl abbr

Die Hintergrundfarbe soll sich von Farbe coral auf Farbwert #808000 ändern, wenn man mit der Maus auf <abbr> zeigt. Bereiten wir zunächst die Formatierung von <abbr> in Farbe coral vor.

In diesem Beispiel ändern wir bei <abbr> die Hintergrundfarbe auf Farbe coral. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 112%.

<style type="text/css"><!--
  abbr { 
    background-color:coral; 
    font-family:verdana; 
    font-size:112%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #808000 gesetzt wird.

<style type="text/css"><!--
  abbr:hover { 
    background-color:#808000;
  }
//-->
</style>

Weiteres zum hier genutzten HTML-Tag <abbr>.

Zebra-Effekt von Tag th

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit den Hintergrundfarben Farbe coral und Farbwert #808000.

<style type="text/css"><!--
  th.yang { 
    background-color: coral;
  }
  th.ying { 
    background-color: #808000;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr><td class="yang">GA:A</td><td class="ying">GB:A</td><td class="yang">GC:A</td></tr>
<tr><td class="yang">GA:B</td><td class="ying">GB:B</td><td class="yang">GC:B</td></tr>
<tr><td class="yang">GA:C</td><td class="ying">GB:C</td><td class="yang">GC:C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML lesen. Die Beschreibung des hier gezeigten Tag th erfahren Sie in der HTML Referenz unter <th>.