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

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.

Hintergrundfarbwert #008000			Schriftfarbwert #f5deb3
Detail	:	Hintergrund #008000	Detail	:	Schrift #f5deb3
Farbwert	:	#008000	Farbwert	:	#f5deb3
Farbe	:	green	Farbe	:	wheat
HTML	:	#008000	HTML	:	#f5deb3
HTML (Wert)	:	#008000	HTML (Wert)	:	#f5deb3
CSS	:	#008000	CSS	:	#f5deb3
CSS (Wert)	:	#008000	CSS (Wert)	:	#f5deb3
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#f5deb3
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(245,222,179)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(96%,87%,70%)

Verlauf Hintergrundfarbwert #008000 nach Schriftfarbwert #f5deb3
#008000	#238d19	#469a33	#69a84c	#8cb566	#afc37f	#d2d099	#f5deb3
#008000	#238d19	#469a33	#69a84c	#8cb566	#afc37f	#d2d099	#f5deb3

Kombination von #008000 und #f5deb3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#f5deb3 eignet sich als Schriftfarbe auf Hintergrund #008000, weil die Unterschiede in Helligkeit und Farbe gut sind. Die Ähnlichkeit von #f5deb3 und #008000 beträgt 81.38%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 18.62%.

Hintergrundfarbwert #008000				Schriftfarbwert #f5deb3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#f5deb3	#f5deb3	#f5deb3	#f5deb3
#249224	#249224	#006d00	#006d00	#f6e2bd	#f6e2bd	#d2be99	#d2be99
#48a448	#48a448	#005b00	#005b00	#f7e7c8	#f7e7c8	#af9e7f	#af9e7f
#6db66d	#6db66d	#004900	#004900	#f9ecd3	#f9ecd3	#8c7e66	#8c7e66
#91c891	#91c891	#003600	#003600	#faf0de	#faf0de	#695f4c	#695f4c
#b6dab6	#b6dab6	#002400	#002400	#fcf5e9	#fcf5e9	#463f33	#463f33
#daecda	#daecda	#001200	#001200	#fdfaf4	#fdfaf4	#231f19	#231f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #008000 und Farbwert #f5deb3

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl center

Die Hintergrundfarbe soll sich von Farbwert #008000 auf Farbwert #f5deb3 ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst die Darstellung von <center> in Farbwert #008000 vor.

Als Beispiel setzen wir die Hintergrundfarbe von <center> auf Farbwert #008000. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf arial und setzen die Schriftgröße auf 117%:

<style type="text/css"><!--
  center { 
    font-size: 117%; 
    background-color: #008000; 
    font-family: arial;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #f5deb3 ändert.

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

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Zur Beschreibung des HTML-Tag <center>.

Wechsel der Umrandung bei Hover bei Befehl hr

Die Rahmenfarbe soll sich von Farbwert #008000 auf Farbwert #f5deb3 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <hr> in Farbwert #008000 vor.

In diesem Beispiel umranden wir <hr> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbwert #008000.

<style type="text/css"><!--
  hr { border:5px outset #008000; }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #f5deb3 ändert.

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

Weiteres zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Mehr zum Tag hr ist in der HTML Referenz bei <hr> ausführlich zusammengestellt.