Ressourcen: 137 HTML Farbnamen - Kombination von Farbe white 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 white			Schriftfarbwert #008000
Detail	:	Hintergrund white	Detail	:	Schrift #008000
Farbe	:	white	Farbwert	:	#008000
Farbwert	:	#ffffff	Farbe	:	green
HTML	:	white	HTML	:	#008000
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#008000
CSS	:	white	CSS	:	#008000
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#008000
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#008000
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(0,128,0)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(0%,50%,0%)

Verlauf Hintergrundfarbe white nach Schriftfarbwert #008000
#ffffff	#daecda	#b6dab6	#91c891	#6db66d	#48a448	#249224	#008000
#ffffff	#daecda	#b6dab6	#91c891	#6db66d	#48a448	#249224	#008000

Kombination von white und #008000
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.				#008000 eignet sich als Schriftfarbe auf Hintergrund white, da Unterschied in den Helligkeiten und Farbenunterschied geeignet sind. Die Ähnlichkeit der Farben #008000 und white beträgt 75.54%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 24.46%.

Hintergrundfarbe white				Schriftfarbwert #008000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#008000	#008000	#008000	#008000
#ffffff	#ffffff	#dadada	#dadada	#249224	#249224	#006d00	#006d00
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#48a448	#48a448	#005b00	#005b00
#ffffff	#ffffff	#919191	#919191	#6db66d	#6db66d	#004900	#004900
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#91c891	#91c891	#003600	#003600
#ffffff	#ffffff	#484848	#484848	#b6dab6	#b6dab6	#002400	#002400
#ffffff	#ffffff	#242424	#242424	#daecda	#daecda	#001200	#001200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe white und Farbwert #008000

Wechsel der Umrandung bei Hover mit Tag q

Die Rahmenfarbe soll sich von Farbe white auf Farbwert #008000 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <q> in Farbe white vor.

In diesem Beispiel umranden wir <q> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbe white.

<style type="text/css"><!--
  q { border:3px outset white; }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #008000 geändert wird.

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

Einzelheiten vom Tag <q>.

Wechsel der Textfarbe bei Hover von HTML-Befehl address

Die Textfarbe soll sich von Farbe white auf Farbwert #008000 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <address> in Farbe white vor.

Wir setzen z.B. bei <address> die Textfarbe auf Farbe white. Die Größe der Schrift setzen wir auf 13px.

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

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #008000 gesetzt wird.

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

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML nachlesen. Die Beschreibung vom hier genutzten Tag address finden Sie in der HTML Referenz unter <address>.