Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgray und Farbe oldlace

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.

Hintergrundfarbe darkgray			Schriftfarbe oldlace
Detail	:	Hintergrund darkgray	Detail	:	Schrift oldlace
Farbe	:	darkgray	Farbe	:	oldlace
Farbwert	:	#a9a9a9	Farbwert	:	#fdf5e6
HTML	:	darkgray	HTML	:	oldlace
HTML (Wert)	:	#a9a9a9	HTML (Wert)	:	#fdf5e6
CSS	:	darkgray	CSS	:	oldlace
CSS (Wert)	:	#a9a9a9	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#a9a9a9	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(169,169,169)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(66%,66%,66%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbe darkgray nach Schriftfarbe oldlace
#a9a9a9	#b5b3b1	#c1beba	#cdc9c3	#d9d4cb	#e5dfd4	#f1eadd	#fdf5e6
#a9a9a9	#b5b3b1	#c1beba	#cdc9c3	#d9d4cb	#e5dfd4	#f1eadd	#fdf5e6

Kombination von darkgray und oldlace
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				oldlace ist nicht als Schriftfarbe auf Hintergrund darkgray geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben oldlace und darkgray beträgt 89.67%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.33%.

Hintergrundfarbe darkgray				Schriftfarbe oldlace
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#b5b5b5	#b5b5b5	#909090	#909090	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#c1c1c1	#c1c1c1	#787878	#787878	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#cdcdcd	#cdcdcd	#606060	#606060	#fdf9f0	#fdf9f0	#908c83	#908c83
#dadada	#dadada	#484848	#484848	#fefaf4	#fefaf4	#6c6962	#6c6962
#e6e6e6	#e6e6e6	#303030	#303030	#fefcf7	#fefcf7	#484641	#484641
#f2f2f2	#f2f2f2	#181818	#181818	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgray und Farbe oldlace

Wechsel der Textfarbe bei Hover bei HTML-Tag th

Die Textfarbe soll sich von Farbe darkgray auf Farbe oldlace ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <th> in Farbe darkgray vor.

In diesem Beispiel legen wir Farbe darkgray als Textfarbe von <th> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf arial:

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

Nun stellen wir ein, dass bei Hover die Textfarbe auf oldlace geändert wird.

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

Mehr zum Thema th finden Sie in Tabellen in HTML. Beschreibung des HTML-Tag <th>.

Füllen und Umranden bei Befehl table

Hier umranden wir <table> mit einem gepunkteten, 2 Pixel dicken Rahmen in Farbe oldlace . Den Hintergrund von <table> färben wir mit Farbe darkgray. In HTML geht dies nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  table { border:2px dotted oldlace; background-color:darkgray; }
//-->
</style>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Möglichkeiten des Tag table erfahren Sie in der HTML Referenz unter <table>.