Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #b22222 und Farbwert #008b8b

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 #b22222			Schriftfarbwert #008b8b
Detail	:	Hintergrund #b22222	Detail	:	Schrift #008b8b
Farbwert	:	#b22222	Farbwert	:	#008b8b
Farbe	:	firebrick	Farbe	:	darkcyan
HTML	:	#b22222	HTML	:	#008b8b
HTML (Wert)	:	#b22222	HTML (Wert)	:	#008b8b
CSS	:	#b22222	CSS	:	#008b8b
CSS (Wert)	:	#b22222	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbwert #b22222 nach Schriftfarbwert #008b8b
#b22222	#983131	#7f4040	#654f4f	#4c5e5e	#326d6d	#197c7c	#008b8b
#b22222	#983131	#7f4040	#654f4f	#4c5e5e	#326d6d	#197c7c	#008b8b

Kombination von #b22222 und #008b8b
Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #008b8b und #b22222 beträgt 92.33%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.67%. #008b8b eignet sich nicht als Schriftfarbe auf Hintergrund #b22222, weil die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbwert #b22222				Schriftfarbwert #008b8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#008b8b	#008b8b	#008b8b	#008b8b
#bd4141	#bd4141	#981d1d	#981d1d	#249b9b	#249b9b	#007777	#007777
#c86161	#c86161	#7f1818	#7f1818	#48acac	#48acac	#006363	#006363
#d38080	#d38080	#651313	#651313	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#91cdcd	#91cdcd	#003b3b	#003b3b
#e9bfbf	#e9bfbf	#320909	#320909	#b6dddd	#b6dddd	#002727	#002727
#f4dfdf	#f4dfdf	#190404	#190404	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b22222 und Farbwert #008b8b

Wechsel der Textfarbe bei Hover von Tag h2

Eine Überschrift setzt man mit HTML-Befehl <h2> und kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #b22222 auf Farbwert #008b8b ändern, wenn man mit der Maus auf <h2> zeigt. Wir bereiten zunächst die Formatierung von <h2> in Farbwert #b22222 vor.

Wir legen als Beispiel die Textfarbe von <h2> auf Farbwert #b22222 fest:

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

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #008b8b gesetzt wird.

<style type="text/css"><!--
  h2:hover { 
    color:#008b8b;
  }
//-->
</style>

Weiteres zum Thema h2 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Der hier verwendete HTML-Befehl h2 ist in der HTML Referenz unter <h2> genau beschrieben.

Hintergrund/Text-Kombination von Tag acronym

Bei diesem Beispiel ändern wir die Textfarbe von <acronym> auf Farbwert #008b8b und die Hintergrundfarbe von <acronym> auf Farbwert #b22222. Als Schriftart setzen wir arial und als Schriftgröße entscheiden wir uns für 121%.

<style type="text/css"><!--
  acronym { 
    color: #008b8b; 
    font-size: 121%; 
    font-family: arial; 
    background-color: #b22222;
  }
//-->
</style>

Einzelheiten vom Tag <acronym>.