Ressourcen: 137 HTML Farbnamen - Kombination von Farbe dodgerblue 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.

Hintergrundfarbe dodgerblue			Schriftfarbwert #b8860b
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift #b8860b
Farbe	:	dodgerblue	Farbwert	:	#b8860b
Farbwert	:	#1e90ff	Farbe	:	darkgoldenrod
HTML	:	dodgerblue	HTML	:	#b8860b
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#b8860b
CSS	:	dodgerblue	CSS	:	#b8860b
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#b8860b
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#b8860b
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(184,134,11)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(72%,52%,4%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbwert #b8860b
#1e90ff	#348edc	#4a8db9	#608b96	#768a73	#8c8850	#a2872d	#b8860b
#1e90ff	#348edc	#4a8db9	#608b96	#768a73	#8c8850	#a2872d	#b8860b

Kombination von dodgerblue 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.				Die Ähnlichkeit von #b8860b und dodgerblue beträgt 95.21%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.79%. Auf Hintergrund dodgerblue ist #b8860b ungeeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe dodgerblue				Schriftfarbwert #b8860b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#b8860b	#b8860b	#b8860b	#b8860b
#3e9fff	#3e9fff	#197bda	#197bda	#c2972d	#c2972d	#9d7209	#9d7209
#5eafff	#5eafff	#1566b6	#1566b6	#cca850	#cca850	#835f07	#835f07
#7ebfff	#7ebfff	#115291	#115291	#d6b973	#d6b973	#694c06	#694c06
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#e0cb96	#e0cb96	#4e3904	#4e3904
#bedfff	#bedfff	#082948	#082948	#eadcb9	#eadcb9	#342603	#342603
#deefff	#deefff	#041424	#041424	#f4eddc	#f4eddc	#1a1301	#1a1301
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe dodgerblue und Farbwert #b8860b

Hintergrund/Text-Kombination von Tag pre

Hier ändern wir die Textfarbe von <pre> auf Farbwert #b8860b und die Hintergrundfarbe von <pre> auf Farbe dodgerblue. Die Schriftart ändern wir auf monospace. Die Schriftgröße verkleinern wir auf 88%.

<style type="text/css"><!--
  pre { 
    font-size:88%; 
    color:#b8860b; 
    background-color:dodgerblue; 
    font-family:monospace;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Blockorientierte Elemente in HTML. Möglichkeiten des hier gezeigten Befehl pre sind in der HTML Referenz unter <pre> genau gezeigt.

Wechsel der Textfarbe bei Hover mit HTML-Tag th

Die Textfarbe soll sich von Farbe dodgerblue auf Farbwert #b8860b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <th> in Farbe dodgerblue vor.

Wir legen als Beispiel Farbe dodgerblue als Textfarbe von <th> fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf arial. Die Größe der Schrift setzen wir auf 129%.

<style type="text/css"><!--
  th { 
    color:dodgerblue; 
    font-family:arial; 
    font-size:129%;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe auf #b8860b ändert.

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

Mehr zum Thema erfahren Sie in Tabellen in HTML. Mehr zum hier verwendeten HTML-Tag th ist in der HTML Referenz unter <th> ausführlich beschrieben.