Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b22222 und Farbwert #778899

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.

Hintergrundfarbwert #b22222			Schriftfarbwert #778899
Detail	:	Hintergrund #b22222	Detail	:	Schrift #778899
Farbwert	:	#b22222	Farbwert	:	#778899
Farbe	:	firebrick	Farbe	:	lightslategray
HTML	:	#b22222	HTML	:	#778899
HTML (Wert)	:	#b22222	HTML (Wert)	:	#778899
CSS	:	#b22222	CSS	:	#778899
CSS (Wert)	:	#b22222	CSS (Wert)	:	#778899
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#789
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(119,136,153)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(46%,53%,60%)

Verlauf Hintergrundfarbwert #b22222 nach Schriftfarbwert #778899
#b22222	#a93033	#a13f44	#984d55	#905c66	#876a77	#7f7988	#778899
#b22222	#a93033	#a13f44	#984d55	#905c66	#876a77	#7f7988	#778899

Kombination von #b22222 und #778899
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#778899 ist nicht als Schriftfarbe auf Hintergrund #b22222 geeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #778899 und #b22222 ergibt sich zu 91.27%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.73%.

Hintergrundfarbwert #b22222				Schriftfarbwert #778899
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#778899	#778899	#778899	#778899
#bd4141	#bd4141	#981d1d	#981d1d	#8a99a7	#8a99a7	#667483	#667483
#c86161	#c86161	#7f1818	#7f1818	#9daab6	#9daab6	#55616d	#55616d
#d38080	#d38080	#651313	#651313	#b1bbc4	#b1bbc4	#444d57	#444d57
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#c4ccd3	#c4ccd3	#333a41	#333a41
#e9bfbf	#e9bfbf	#320909	#320909	#d8dde1	#d8dde1	#22262b	#22262b
#f4dfdf	#f4dfdf	#190404	#190404	#ebeef0	#ebeef0	#111315	#111315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b22222 und Farbwert #778899

Hintergrund/Text-Kombination bei Tag code

Hier ändern wir die Textfarbe von <code> auf Farbwert #778899 und die Hintergrundfarbe von <code> auf Farbwert #b22222. Die Schriftart setzen wir auf courier new und als Schriftgröße setzen wir 112%.

<style type="text/css"><!--
  code { 
    color:#789; 
    background-color:#b22222; 
    font-family:courier new; 
    font-size:112%;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML erfahren. Einzelheiten des Befehl code sind in der HTML Referenz unter <code> zusammengestellt.

Wechsel der Textfarbe bei Hover bei HTML-Befehl thead

Die Textfarbe soll sich von Farbwert #b22222 auf Farbwert #778899 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <thead> in Farbwert #b22222 vor.

In diesem Beispiel setzen wir die Textfarbe von <thead> auf Farbwert #b22222.

<style type="text/css"><!--
  thead { 
    color: #b22222;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #778899 geändert wird.

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

Mehr zum Thema thead können Sie in Tabellen in HTML lesen. Weiteres zum HTML-Befehl thead ist in der HTML Referenz unter <thead> ausführlich beschrieben.