Ressourcen: 137 HTML Farbnamen - Kombination von Farbe oldlace und Farbwert #008080

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 oldlace			Schriftfarbwert #008080
Detail	:	Hintergrund oldlace	Detail	:	Schrift #008080
Farbe	:	oldlace	Farbwert	:	#008080
Farbwert	:	#fdf5e6	Farbe	:	teal
HTML	:	oldlace	HTML	:	#008080
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#008080
CSS	:	oldlace	CSS	:	#008080
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#008080
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#008080
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(0,128,128)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(0%,50%,50%)

Verlauf Hintergrundfarbe oldlace nach Schriftfarbwert #008080
#fdf5e6	#d8e4d7	#b4d3c8	#90c2ba	#6cb2ab	#48a19d	#24908e	#008080
#fdf5e6	#d8e4d7	#b4d3c8	#90c2ba	#6cb2ab	#48a19d	#24908e	#008080

Kombination von oldlace und #008080
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.				#008080 ist nicht als Schriftfarbe auf Hintergrund oldlace geeignet, weil der Farbunterschied zu gering ist Die Ähnlichkeit von #008080 und oldlace beträgt 79.02%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 20.98%.

Hintergrundfarbe oldlace				Schriftfarbwert #008080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#008080	#008080	#008080	#008080
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#249292	#249292	#006d6d	#006d6d
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#48a4a4	#48a4a4	#005b5b	#005b5b
#fdf9f0	#fdf9f0	#908c83	#908c83	#6db6b6	#6db6b6	#004949	#004949
#fefaf4	#fefaf4	#6c6962	#6c6962	#91c8c8	#91c8c8	#003636	#003636
#fefcf7	#fefcf7	#484641	#484641	#b6dada	#b6dada	#002424	#002424
#fefdfb	#fefdfb	#242320	#242320	#daecec	#daecec	#001212	#001212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe oldlace und Farbwert #008080

Text- und Unterstreichungsfarben mit HTML-Befehl blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbwert #008080. Die Schriftart setzen wir auf arial. Die Schriftgröße setzen wir auf 10pt. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbe oldlace. In HTML ist dies nicht machbar. Daher nutzen wir CSS zur Formatierung.

<style type="text/css"><!--
  blockquote { 
    font-size:10pt; 
    border-bottom-color:oldlace; 
    color:#008080; 
    border-bottom-width:5px; 
    font-family:arial; 
    border-bottom-style:outset;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu blockquote können Sie in Blockorientierte Elemente in HTML nachlesen. Möglichkeiten des hier genutzten HTML-Tag <blockquote>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl thead

Die Textfarbe soll sich von Farbe oldlace auf Farbwert #008080 ändern, wenn man mit der Maus auf <thead> zeigt. Bereiten wir zunächst die Formatierung von <thead> in Farbe oldlace vor.

Z.B. setzen wir bei <thead> die Textfarbe auf Farbe oldlace:

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

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #008080 gesetzt wird.

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

Mehr zum Thema thead können Sie in Tabellen in HTML lesen. Möglichkeiten vom hier verwendeten Befehl <thead>.