Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkkhaki und Farbe tan

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 darkkhaki			Schriftfarbe tan
Detail	:	Hintergrund darkkhaki	Detail	:	Schrift tan
Farbe	:	darkkhaki	Farbe	:	tan
Farbwert	:	#bdb76b	Farbwert	:	#d2b48c
HTML	:	darkkhaki	HTML	:	tan
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#d2b48c
CSS	:	darkkhaki	CSS	:	tan
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbe tan
#bdb76b	#c0b66f	#c3b674	#c6b579	#c9b57d	#ccb482	#cfb487	#d2b48c
#bdb76b	#c0b66f	#c3b674	#c6b579	#c9b57d	#ccb482	#cfb487	#d2b48c

Kombination von darkkhaki und tan
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Auf Hintergrund darkkhaki ist tan ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von tan und darkkhaki beträgt 95.00%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.00%.

Hintergrundfarbe darkkhaki				Schriftfarbe tan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#c6c180	#c6c180	#a29c5b	#a29c5b	#d8be9c	#d8be9c	#b49a78	#b49a78
#cfcb95	#cfcb95	#87824c	#87824c	#dec9ac	#dec9ac	#968064	#968064
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#e5d4bd	#e5d4bd	#786650	#786650
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#ecead4	#ecead4	#36341e	#36341e	#f2e9de	#f2e9de	#3c3328	#3c3328
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkkhaki und Farbe tan

Wechsel der Umrandung bei Hover von Befehl pre

Die Rahmenfarbe soll sich von Farbe darkkhaki auf Farbe tan ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <pre> in Farbe darkkhaki vor.

In diesem Beispiel umranden wir <pre> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe darkkhaki.

<style type="text/css"><!--
  pre { 
    border-style:double; 
    border-width:5px; 
    border-color:darkkhaki;
  }
//-->
</style>

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

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

Weiteres zum Thema pre lesen Sie in Blockorientierte Elemente in HTML. Möglichkeiten des Tag pre lesen Sie in der HTML Referenz unter <pre>.