Ressourcen: 137 HTML Farbnamen - Kombination von Farbe teal und Farbwert #8b0000

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 teal			Schriftfarbwert #8b0000
Detail	:	Hintergrund teal	Detail	:	Schrift #8b0000
Farbe	:	teal	Farbwert	:	#8b0000
Farbwert	:	#008080	Farbe	:	darkred
HTML	:	teal	HTML	:	#8b0000
HTML (Wert)	:	#008080	HTML (Wert)	:	#8b0000
CSS	:	teal	CSS	:	#8b0000
CSS (Wert)	:	#008080	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#008080	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(0,128,128)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(0%,50%,50%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbe teal nach Schriftfarbwert #8b0000
#008080	#136d6d	#275b5b	#3b4949	#4f3636	#632424	#771212	#8b0000
#008080	#136d6d	#275b5b	#3b4949	#4f3636	#632424	#771212	#8b0000

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

Hintergrundfarbe teal				Schriftfarbwert #8b0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008080	#008080	#008080	#008080	#8b0000	#8b0000	#8b0000	#8b0000
#249292	#249292	#006d6d	#006d6d	#9b2424	#9b2424	#770000	#770000
#48a4a4	#48a4a4	#005b5b	#005b5b	#ac4848	#ac4848	#630000	#630000
#6db6b6	#6db6b6	#004949	#004949	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#91c8c8	#91c8c8	#003636	#003636	#cd9191	#cd9191	#3b0000	#3b0000
#b6dada	#b6dada	#002424	#002424	#ddb6b6	#ddb6b6	#270000	#270000
#daecec	#daecec	#001212	#001212	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe teal und Farbwert #8b0000

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag h3

Mit HTML-Tag <h3> setzen Sie eine Überschrift der 3. Stufe. Diese kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe teal auf Farbwert #8b0000 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <h3> in Farbe teal vor.

Hier legen wir Farbe teal als Hintergrundfarbe von <h3> fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 13px.

<style type="text/css"><!--
  h3 { 
    background-color:teal; 
    font-family:verdana; 
    font-size:13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #8b0000 gesetzt wird.

<style type="text/css"><!--
  h3:hover { 
    background-color:#8b0000;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag h3 lesen Sie in der HTML Referenz unter <h3>.