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

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

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

Kombination von #c71585 und #b8860b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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.				Die Ähnlichkeit der Farben #b8860b und #c71585 beträgt 92.07%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.93%. #b8860b ist nicht als Schriftfarbe auf Hintergrund #c71585 geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

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

Beispiele zur Kombination von Farbwert #c71585 und Farbwert #b8860b

Wechsel der Hintergrundfarbe bei Hover mit Befehl tbody

Die Hintergrundfarbe soll sich von Farbwert #c71585 auf Farbwert #b8860b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <tbody> in Farbwert #c71585 vor.

Wir legen z.B. Farbwert #c71585 als Hintergrundfarbe von <tbody> fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  tbody { 
    font-family:verdana; 
    background-color:#c71585;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #b8860b gesetzt wird.

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

Mehr zum Thema tbody können Sie in Tabellen in HTML nachlesen. Möglichkeiten des HTML-Befehl tbody sind in der HTML Referenz bei <tbody> genau zusammengestellt.

Hintergrund/Text-Kombination mit HTML-Befehl del

Wir ändern für dieses Beispiel die Textfarbe von <del> auf Farbwert #b8860b und die Hintergrundfarbe von <del> auf Farbwert #c71585. Als Schriftart wählen wir courier new. Die Schriftgröße setzen wir auf 9pt.

<style type="text/css"><!--
  del { 
    font-size:9pt; 
    background-color:#c71585; 
    font-family:courier new; 
    color:#b8860b;
  }
//-->
</style>

Die Beschreibung vom hier verwendeten Tag del lesen Sie in der HTML Referenz unter <del>.