Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #0000cd und Farbwert #b8860b

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 #0000cd			Schriftfarbwert #b8860b
Detail	:	Hintergrund #0000cd	Detail	:	Schrift #b8860b
Farbwert	:	#0000cd	Farbwert	:	#b8860b
Farbe	:	mediumblue	Farbe	:	darkgoldenrod
HTML	:	#0000cd	HTML	:	#b8860b
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#b8860b
CSS	:	#0000cd	CSS	:	#b8860b
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#b8860b
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#b8860b
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(184,134,11)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(72%,52%,4%)

Verlauf Hintergrundfarbwert #0000cd nach Schriftfarbwert #b8860b
#0000cd	#1a13b1	#342695	#4e3979	#694c5e	#835f42	#9d7226	#b8860b
#0000cd	#1a13b1	#342695	#4e3979	#694c5e	#835f42	#9d7226	#b8860b

Kombination von #0000cd und #b8860b
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#b8860b eignet sich nicht als Schriftfarbe auf Hintergrund #0000cd. Zwar ist der Farbunterschied gross genug, die Helligkeiten sind sich jedoch zu ähnlich. Die Ähnlichkeit von #b8860b und #0000cd ergibt sich zu 83.67%. Die Lesbarkeit dieser Kombination liegt damit bei 16.33%.

Hintergrundfarbwert #0000cd				Schriftfarbwert #b8860b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#b8860b	#b8860b	#b8860b	#b8860b
#2424d4	#2424d4	#0000af	#0000af	#c2972d	#c2972d	#9d7209	#9d7209
#4848db	#4848db	#000092	#000092	#cca850	#cca850	#835f07	#835f07
#6d6de2	#6d6de2	#000075	#000075	#d6b973	#d6b973	#694c06	#694c06
#9191e9	#9191e9	#000057	#000057	#e0cb96	#e0cb96	#4e3904	#4e3904
#b6b6f0	#b6b6f0	#00003a	#00003a	#eadcb9	#eadcb9	#342603	#342603
#dadaf7	#dadaf7	#00001d	#00001d	#f4eddc	#f4eddc	#1a1301	#1a1301
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #0000cd und Farbwert #b8860b

Wechsel der Textfarbe bei Hover von HTML-Befehl p

Die Textfarbe soll sich von Farbwert #0000cd auf Farbwert #b8860b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <p> in Farbwert #0000cd vor.

Wir ändern zum Beispiel bei <p> die Textfarbe auf Farbwert #0000cd und erhöhen die Größe der Schrift auf 127%:

<style type="text/css"><!--
  p { 
    color: #0000cd; 
    font-size: 127%;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #b8860b ändert.

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

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML finden. Mehr zum hier genutzten HTML-Tag <p>.