Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkkhaki und Farbwert #000080

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 darkkhaki			Schriftfarbwert #000080
Detail	:	Hintergrund darkkhaki	Detail	:	Schrift #000080
Farbe	:	darkkhaki	Farbwert	:	#000080
Farbwert	:	#bdb76b	Farbe	:	navy
HTML	:	darkkhaki	HTML	:	#000080
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#000080
CSS	:	darkkhaki	CSS	:	#000080
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#000080
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbwert #000080
#bdb76b	#a29c6e	#878271	#6c6874	#514e77	#36347a	#1b1a7d	#000080
#bdb76b	#a29c6e	#878271	#6c6874	#514e77	#36347a	#1b1a7d	#000080

Kombination von darkkhaki und #000080
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#000080 ist nicht als Schriftfarbe auf Hintergrund darkkhaki geeignet, weil sich die Farben zu ähnlich sind. Die Ähnlichkeit von #000080 und darkkhaki ergibt sich zu 63.15%. Die Lesbarkeit dieser Kombination bewerte ich mit 36.85%.

Hintergrundfarbe darkkhaki				Schriftfarbwert #000080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#000080	#000080	#000080	#000080
#c6c180	#c6c180	#a29c5b	#a29c5b	#242492	#242492	#00006d	#00006d
#cfcb95	#cfcb95	#87824c	#87824c	#4848a4	#4848a4	#00005b	#00005b
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#6d6db6	#6d6db6	#000049	#000049
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#9191c8	#9191c8	#000036	#000036
#ecead4	#ecead4	#36341e	#36341e	#b6b6da	#b6b6da	#000024	#000024
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkkhaki und Farbwert #000080

Wechsel der Hintergrundfarbe bei Hover mit Befehl dt

Die Hintergrundfarbe soll sich von Farbe darkkhaki auf Farbwert #000080 ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst die Formatierung von <dt> in Farbe darkkhaki vor.

Wir setzen als Beispiel die Hintergrundfarbe von <dt> auf Farbe darkkhaki. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  dt { 
    background-color:darkkhaki; 
    font-family:arial;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #000080 ändert.

<style type="text/css"><!--
  dt: hover { 
    background-color: #000080;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Weiteres zum hier gezeigten Tag dt lesen Sie in der HTML Referenz unter <dt>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl td

Die Textfarbe soll sich von Farbe darkkhaki auf Farbwert #000080 ändern, wenn man mit der Maus auf <td> zeigt. Bereiten wir zunächst eine Darstellung von <td> in Farbe darkkhaki vor.

Als Beispiel legen wir bei <td> die Textfarbe auf Farbe darkkhaki fest. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  td { 
    color:darkkhaki; 
    font-family:courier new;
  }
//-->
</style>

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

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

Weiteres zu td können Sie in Tabellen in HTML nachlesen. Die Beschreibung vom Befehl td erfahren Sie in der HTML Referenz unter <td>.