Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fff8dc und Farbe dimgray

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 #fff8dc			Schriftfarbe dimgray
Detail	:	Hintergrund #fff8dc	Detail	:	Schrift dimgray
Farbwert	:	#fff8dc	Farbe	:	dimgray
Farbe	:	cornsilk	Farbwert	:	#696969
HTML	:	#fff8dc	HTML	:	dimgray
HTML (Wert)	:	#fff8dc	HTML (Wert)	:	#696969
CSS	:	#fff8dc	CSS	:	dimgray
CSS (Wert)	:	#fff8dc	CSS (Wert)	:	#696969
CSS (kürzest)	:	#fff8dc	CSS (kürzest)	:	#696969
CSS (RGB)	:	rgb(255,248,220)	CSS (RGB)	:	rgb(105,105,105)
CSS (%RGB)	:	rgb(100%,97%,86%)	CSS (%RGB)	:	rgb(41%,41%,41%)

Verlauf Hintergrundfarbwert #fff8dc nach Schriftfarbe dimgray
#fff8dc	#e9e3cb	#d4cfbb	#bebaaa	#a9a69a	#939189	#7e7d79	#696969
#fff8dc	#e9e3cb	#d4cfbb	#bebaaa	#a9a69a	#939189	#7e7d79	#696969

Kombination von #fff8dc und dimgray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				dimgray eignet sich nicht als Schriftfarbe auf Hintergrund #fff8dc, weil der Unterschied in den Farben zu gering ist Die Ähnlichkeit von dimgray und #fff8dc ergibt sich zu 75.46%. Die Lesbarkeit dieser Kombination ergibt sich zu 24.54%.

Hintergrundfarbwert #fff8dc				Schriftfarbe dimgray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#696969	#696969	#696969	#696969
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a
#fffae6	#fffae6	#b6b19d	#b6b19d	#939393	#939393	#4b4b4b	#4b4b4b
#fffbeb	#fffbeb	#918d7d	#918d7d	#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#bebebe	#bebebe	#2d2d2d	#2d2d2d
#fffdf5	#fffdf5	#48463e	#48463e	#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e
#fffefa	#fffefa	#24231f	#24231f	#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff8dc und Farbe dimgray

Wechsel der Textfarbe bei Hover mit HTML-Befehl tfoot

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

Wir legen in diesem Beispiel die Textfarbe von <tfoot> auf Farbwert #fff8dc fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  tfoot { 
    font-family:sans-serif; 
    color:#fff8dc;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf dimgray gesetzt wird.

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

Weiteres zu tfoot finden Sie in Tabellen in HTML. Einzelheiten vom Tag tfoot sind in der HTML Referenz bei <tfoot> ausführlich gezeigt.

Wechsel der Umrandung bei Hover mit Befehl a

Einen Verweis erzeugt man mit Befehl <a>. Dieser kann farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbwert #fff8dc auf Farbe dimgray ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbwert #fff8dc vor.

In diesem Beispiel umranden wir <a> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbwert #fff8dc.

<style type="text/css"><!--
  a { 
    border-color:#fff8dc; 
    border-width:4px; 
    border-style:inset;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf dimgray geändert wird.

<style type="text/css"><!--
  a:hover { 
    border-color:dimgray;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Einzelheiten des Befehl <a>.