Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkkhaki und Farbwert #4b0082

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

Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbwert #4b0082
#bdb76b	#ac9c6e	#9c8271	#8c6874	#7b4e78	#6b347b	#5b1a7e	#4b0082
#bdb76b	#ac9c6e	#9c8271	#8c6874	#7b4e78	#6b347b	#5b1a7e	#4b0082

Kombination von darkkhaki und #4b0082
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#4b0082 eignet sich nicht als Schriftfarbe auf Hintergrund darkkhaki. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit der Farben #4b0082 und darkkhaki ergibt sich zu 70.19%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 29.81%.

Hintergrundfarbe darkkhaki				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#4b0082	#4b0082	#4b0082	#4b0082
#c6c180	#c6c180	#a29c5b	#a29c5b	#642493	#642493	#40006f	#40006f
#cfcb95	#cfcb95	#87824c	#87824c	#7e48a5	#7e48a5	#35005c	#35005c
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#986db7	#986db7	#2a004a	#2a004a
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#b191c9	#b191c9	#200037	#200037
#ecead4	#ecead4	#36341e	#36341e	#cbb6db	#cbb6db	#150025	#150025
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkkhaki und Farbwert #4b0082

Wechsel der Textfarbe bei Hover bei Tag label

Die Textfarbe soll sich von Farbe darkkhaki auf Farbwert #4b0082 ändern, wenn man mit der Maus auf <label> zeigt. Wir bereiten zunächst die Darstellung von <label> in Farbe darkkhaki vor.

Hier legen wir bei <label> die Textfarbe auf Farbe darkkhaki fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf arial.

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

Jetzt fordern wir, dass bei Hover die Textfarbe auf #4b0082 geändert wird.

<style type="text/css"><!--
  label:hover { 
    color:#4b0082;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Formulare in HTML. Die Beschreibung vom hier gezeigten HTML-Tag label erfahren Sie in der HTML Referenz unter <label>.

Füllen und Umranden von Befehl li

Hier umranden wir <li> mit einem . Die Hintergrundfarbe für <li> setzen wir entsprechend auf Farbe darkkhaki. In HTML ist dies kaum machbar. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  li { border:5px dotted #4b0082; background-color:darkkhaki; }
//-->
</style>

Weiteres zu li erfahren Sie in Listen und Glossare in HTML. Weiteres zum HTML-Tag li erfahren Sie in der HTML Referenz unter <li>.