Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b8860b und Farbe mediumvioletred

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 #b8860b			Schriftfarbe mediumvioletred
Detail	:	Hintergrund #b8860b	Detail	:	Schrift mediumvioletred
Farbwert	:	#b8860b	Farbe	:	mediumvioletred
Farbe	:	darkgoldenrod	Farbwert	:	#c71585
HTML	:	#b8860b	HTML	:	mediumvioletred
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#c71585
CSS	:	#b8860b	CSS	:	mediumvioletred
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbwert #b8860b nach Schriftfarbe mediumvioletred
#b8860b	#ba751c	#bc652d	#be553f	#c04550	#c23562	#c42573	#c71585
#b8860b	#ba751c	#bc652d	#be553f	#c04550	#c23562	#c42573	#c71585

Kombination von #b8860b und mediumvioletred
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von mediumvioletred und #b8860b beträgt 92.07%. Die Lesbarkeit dieser Kombination bewerte ich mit 7.93%. Auf Hintergrund #b8860b ist mediumvioletred ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbwert #b8860b				Schriftfarbe mediumvioletred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#c71585	#c71585	#c71585	#c71585
#c2972d	#c2972d	#9d7209	#9d7209	#cf3696	#cf3696	#aa1272	#aa1272
#cca850	#cca850	#835f07	#835f07	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#d6b973	#d6b973	#694c06	#694c06	#df79b9	#df79b9	#710c4c	#710c4c
#e0cb96	#e0cb96	#4e3904	#4e3904	#e79aca	#e79aca	#550939	#550939
#eadcb9	#eadcb9	#342603	#342603	#efbcdc	#efbcdc	#380626	#380626
#f4eddc	#f4eddc	#1a1301	#1a1301	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b8860b und Farbe mediumvioletred

Wechsel der Hintergrundfarbe bei Hover von Tag dd

Die Hintergrundfarbe soll sich von Farbwert #b8860b auf Farbe mediumvioletred ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <dd> in Farbwert #b8860b vor.

Zum Beispiel legen wir bei <dd> die Hintergrundfarbe auf Farbwert #b8860b fest:

<style type="text/css"><!--
  dd { 
    background-color:#b8860b;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf mediumvioletred gesetzt wird.

<style type="text/css"><!--
  dd: hover { 
    background-color: mediumvioletred;
  }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML nachsehen. Zur Beschreibung des hier verwendeten HTML-Tag <dd>.

Füllen und Umranden bei Tag hr

Hier umranden wir <hr> mit einem 1 Punkte dicken, gestrichelten Rahmen in Farbe mediumvioletred . Den Hintergrund von <hr> setzen wir entsprechend auf Farbwert #b8860b. Dies geht in HTML kaum. Daher verwenden wir CSS.

<style type="text/css"><!--
  hr { 
    border-style:dashed; 
    border-color:mediumvioletred; 
    background-color:#b8860b; 
    border-width:1pt;
  }
//-->
</style>

Weiteres zu hr erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der hier gezeigte HTML-Tag hr ist in der HTML Referenz bei <hr> genau gezeigt.