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

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 #006400
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #006400
Farbe	:	darkgoldenrod	Farbwert	:	#006400
Farbwert	:	#b8860b	Farbe	:	darkgreen
HTML	:	darkgoldenrod	HTML	:	#006400
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#006400
CSS	:	darkgoldenrod	CSS	:	#006400
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#006400
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#006400
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(0,100,0)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(0%,39%,0%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #006400
#b8860b	#9d8109	#837c07	#697706	#4e7204	#346d03	#1a6801	#006400
#b8860b	#9d8109	#837c07	#697706	#4e7204	#346d03	#1a6801	#006400

Kombination von darkgoldenrod und #006400
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund darkgoldenrod ist #006400 ungeeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #006400 und darkgoldenrod ergibt sich zu 89.11%. Die Lesbarkeit dieser Farbkombination liegt damit bei 10.89%.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #006400
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#006400	#006400	#006400	#006400
#c2972d	#c2972d	#9d7209	#9d7209	#247a24	#247a24	#005500	#005500
#cca850	#cca850	#835f07	#835f07	#489048	#489048	#004700	#004700
#d6b973	#d6b973	#694c06	#694c06	#6da66d	#6da66d	#003900	#003900
#e0cb96	#e0cb96	#4e3904	#4e3904	#91bc91	#91bc91	#002a00	#002a00
#eadcb9	#eadcb9	#342603	#342603	#b6d2b6	#b6d2b6	#001c00	#001c00
#f4eddc	#f4eddc	#1a1301	#1a1301	#dae8da	#dae8da	#000e00	#000e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkgoldenrod und Farbwert #006400

Wechsel der Textfarbe bei Hover von HTML-Tag em

Die Textfarbe soll sich von Farbe darkgoldenrod auf Farbwert #006400 ändern, wenn man mit der Maus auf <em> zeigt. Wir bereiten zunächst die Formatierung von <em> in Farbe darkgoldenrod vor.

Hier setzen wir die Textfarbe von <em> auf Farbe darkgoldenrod. Die Hintergrundfarbe ändern wir nicht. Die Schriftart setzen wir auf courier new und ändern die Größe der Schrift auf 13px.

<style type="text/css"><!--
  em { 
    color: darkgoldenrod; 
    font-size: 13px; 
    font-family: courier new;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #006400 ändert.

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

Weiteres zum Thema können Sie in Text in HTML nachlesen. Einzelheiten des Tag <em>.