Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgoldenrod und Farbwert #f0fff0

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe darkgoldenrod			Schriftfarbwert #f0fff0
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #f0fff0
Farbe	:	darkgoldenrod	Farbwert	:	#f0fff0
Farbwert	:	#b8860b	Farbe	:	honeydew
HTML	:	darkgoldenrod	HTML	:	#f0fff0
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#f0fff0
CSS	:	darkgoldenrod	CSS	:	#f0fff0
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#f0fff0
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#f0fff0
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(240,255,240)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(94%,100%,94%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #f0fff0
#b8860b	#c0972b	#c8a84c	#d0b96d	#d8cb8d	#e0dcae	#e8edcf	#f0fff0
#b8860b	#c0972b	#c8a84c	#d0b96d	#d8cb8d	#e0dcae	#e8edcf	#f0fff0

Kombination von darkgoldenrod und #f0fff0
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f0fff0 ist nicht als Schriftfarbe auf Hintergrund darkgoldenrod geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #f0fff0 und darkgoldenrod beträgt 85.04%. Die Lesbarkeit dieser Kombination ergibt sich zu 14.96%.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#c2972d	#c2972d	#9d7209	#9d7209	#f2fff2	#f2fff2	#cddacd	#cddacd
#cca850	#cca850	#835f07	#835f07	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#d6b973	#d6b973	#694c06	#694c06	#f6fff6	#f6fff6	#899189	#899189
#e0cb96	#e0cb96	#4e3904	#4e3904	#f8fff8	#f8fff8	#666d66	#666d66
#eadcb9	#eadcb9	#342603	#342603	#fafffa	#fafffa	#444844	#444844
#f4eddc	#f4eddc	#1a1301	#1a1301	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkgoldenrod und Farbwert #f0fff0

Wechsel der Umrandung bei Hover mit Befehl tbody

Die Rahmenfarbe soll sich von Farbe darkgoldenrod auf Farbwert #f0fff0 ändern, wenn man mit der Maus auf <tbody> zeigt. Wir bereiten zunächst eine Formatierung von <tbody> in Farbe darkgoldenrod vor.

In diesem Beispiel umranden wir <tbody> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbe darkgoldenrod.

<style type="text/css"><!--
  tbody { 
    border-style:groove; 
    border-color:darkgoldenrod; 
    border-width:5px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #f0fff0 geändert wird.

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

Mehr zum Thema tbody lesen Sie in Tabellen in HTML. Einzelheiten vom hier genutzten HTML-Befehl tbody sind in der HTML Referenz bei <tbody> genau gezeigt.