Ressourcen: 137 HTML Farbnamen - Kombination von Farbe olive und Farbwert #008000

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

Verlauf Hintergrundfarbe olive nach Schriftfarbwert #008000
#808000	#6d8000	#5b8000	#498000	#368000	#248000	#128000	#008000
#808000	#6d8000	#5b8000	#498000	#368000	#248000	#128000	#008000

Kombination von olive und #008000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Die Ähnlichkeit von #008000 und olive ergibt sich zu 94.17%. Die Lesbarkeit dieser Kombination liegt damit bei 5.83%. #008000 eignet sich nicht als Schriftfarbe auf Hintergrund olive. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe olive				Schriftfarbwert #008000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808000	#808000	#808000	#808000	#008000	#008000	#008000	#008000
#929224	#929224	#6d6d00	#6d6d00	#249224	#249224	#006d00	#006d00
#a4a448	#a4a448	#5b5b00	#5b5b00	#48a448	#48a448	#005b00	#005b00
#b6b66d	#b6b66d	#494900	#494900	#6db66d	#6db66d	#004900	#004900
#c8c891	#c8c891	#363600	#363600	#91c891	#91c891	#003600	#003600
#dadab6	#dadab6	#242400	#242400	#b6dab6	#b6dab6	#002400	#002400
#ececda	#ececda	#121200	#121200	#daecda	#daecda	#001200	#001200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe olive und Farbwert #008000

Wechsel der Hintergrundfarbe bei Hover von Tag address

Die Hintergrundfarbe soll sich von Farbe olive auf Farbwert #008000 ändern, wenn man mit der Maus auf <address> zeigt. Wir bereiten zunächst eine Formatierung von <address> in Farbe olive vor.

Z.B. ändern wir die Hintergrundfarbe von <address> auf Farbe olive. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial und setzen die Größe der Schrift auf 13px:

<style type="text/css"><!--
  address { 
    font-family: arial; 
    font-size: 13px; 
    background-color: olive;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #008000 gesetzt wird.

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

Mehr zu address erfahren Sie in Blockorientierte Elemente in HTML. Einzelheiten vom hier genutzten HTML-Tag address sind in der HTML Referenz unter <address> genau gezeigt.