Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkkhaki und Farbwert #483d8b

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 #483d8b
Detail	:	Hintergrund darkkhaki	Detail	:	Schrift #483d8b
Farbe	:	darkkhaki	Farbwert	:	#483d8b
Farbwert	:	#bdb76b	Farbe	:	darkslateblue
HTML	:	darkkhaki	HTML	:	#483d8b
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#483d8b
CSS	:	darkkhaki	CSS	:	#483d8b
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#483d8b
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#483d8b
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(72,61,139)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(28%,23%,54%)

Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbwert #483d8b
#bdb76b	#aca56f	#9b9474	#8a8278	#7a717d	#695f81	#584e86	#483d8b
#bdb76b	#aca56f	#9b9474	#8a8278	#7a717d	#695f81	#584e86	#483d8b

Kombination von darkkhaki und #483d8b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#483d8b eignet sich nicht als Schriftfarbe auf Hintergrund darkkhaki, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben #483d8b und darkkhaki beträgt 79.13%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 20.87%.

Hintergrundfarbe darkkhaki				Schriftfarbwert #483d8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#483d8b	#483d8b	#483d8b	#483d8b
#c6c180	#c6c180	#a29c5b	#a29c5b	#62589b	#62589b	#3d3477	#3d3477
#cfcb95	#cfcb95	#87824c	#87824c	#7c74ac	#7c74ac	#332b63	#332b63
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#9690bc	#9690bc	#29224f	#29224f
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#b0abcd	#b0abcd	#1e1a3b	#1e1a3b
#ecead4	#ecead4	#36341e	#36341e	#cac7dd	#cac7dd	#141127	#141127
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#e4e3ee	#e4e3ee	#0a0813	#0a0813
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkkhaki und Farbwert #483d8b

Wechsel der Hintergrundfarbe bei Hover bei Tag strike

Die Hintergrundfarbe soll sich von Farbe darkkhaki auf Farbwert #483d8b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <strike> in Farbe darkkhaki vor.

Für dieses Beispiel legen wir Farbe darkkhaki als Hintergrundfarbe von <strike> fest. Die Textfarbe verändern wir nicht, ändern jedoch die Schriftart auf monospace.

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

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #483d8b geändert wird.

<style type="text/css"><!--
  strike:hover { 
    background-color:#483d8b;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Weiteres zum hier verwendeten HTML-Tag <strike>.