Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #008080 und Farbe olive

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 #008080			Schriftfarbe olive
Detail	:	Hintergrund #008080	Detail	:	Schrift olive
Farbwert	:	#008080	Farbe	:	olive
Farbe	:	teal	Farbwert	:	#808000
HTML	:	#008080	HTML	:	olive
HTML (Wert)	:	#008080	HTML (Wert)	:	#808000
CSS	:	#008080	CSS	:	olive
CSS (Wert)	:	#008080	CSS (Wert)	:	#808000
CSS (kürzest)	:	#008080	CSS (kürzest)	:	#808000
CSS (RGB)	:	rgb(0,128,128)	CSS (RGB)	:	rgb(128,128,0)
CSS (%RGB)	:	rgb(0%,50%,50%)	CSS (%RGB)	:	rgb(50%,50%,0%)

Verlauf Hintergrundfarbwert #008080 nach Schriftfarbe olive
#008080	#12806d	#24805b	#368049	#498036	#5b8024	#6d8012	#808000
#008080	#12806d	#24805b	#368049	#498036	#5b8024	#6d8012	#808000

Kombination von #008080 und olive
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 olive und #008080 beträgt 94.58%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.42%. olive ist nicht als Schriftfarbe auf Hintergrund #008080 geeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #008080				Schriftfarbe olive
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008080	#008080	#008080	#008080	#808000	#808000	#808000	#808000
#249292	#249292	#006d6d	#006d6d	#929224	#929224	#6d6d00	#6d6d00
#48a4a4	#48a4a4	#005b5b	#005b5b	#a4a448	#a4a448	#5b5b00	#5b5b00
#6db6b6	#6db6b6	#004949	#004949	#b6b66d	#b6b66d	#494900	#494900
#91c8c8	#91c8c8	#003636	#003636	#c8c891	#c8c891	#363600	#363600
#b6dada	#b6dada	#002424	#002424	#dadab6	#dadab6	#242400	#242400
#daecec	#daecec	#001212	#001212	#ececda	#ececda	#121200	#121200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #008080 und Farbe olive

Wechsel der Umrandung bei Hover bei Befehl iframe

Die Rahmenfarbe soll sich von Farbwert #008080 auf Farbe olive ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <iframe> in Farbwert #008080 vor.

In diesem Beispiel umranden wir <iframe> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbwert #008080.

<style type="text/css"><!--
  iframe { 
    border-width:5px; 
    border-style:dashed; 
    border-color:#008080;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf olive gesetzt wird.

<style type="text/css"><!--
  iframe:hover { 
    border-color:olive;
  }
//-->
</style>

Einzelheiten des hier verwendeten HTML-Tag <iframe>.

Zebra-Effekt bei HTML-Tag tr

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #008080 und Farbe olive.

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

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr class="ung"><td><tt>a~a</td><td></tt>b~a</td><td><tt>c~a</td></tr>
<tr class="ger"><td></tt>a~b</td><td><tt>b~b</td><td></tt>c~b</td></tr>
<tr class="ung"><td><tt>a~c</td><td></tt>b~c</td><td>@c~c</td></tr>
</table>

Weiteres zum Thema tr können Sie in Tabellen in HTML nachsehen. Einzelheiten vom HTML-Befehl tr sind in der HTML Referenz bei <tr> genau gezeigt.