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

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 honeydew			Schriftfarbwert #c71585
Detail	:	Hintergrund honeydew	Detail	:	Schrift #c71585
Farbe	:	honeydew	Farbwert	:	#c71585
Farbwert	:	#f0fff0	Farbe	:	mediumvioletred
HTML	:	honeydew	HTML	:	#c71585
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#c71585
CSS	:	honeydew	CSS	:	#c71585
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbe honeydew nach Schriftfarbwert #c71585
#f0fff0	#eadde0	#e4bcd1	#de9ac2	#d879b2	#d257a3	#cc3694	#c71585
#f0fff0	#eadde0	#e4bcd1	#de9ac2	#d879b2	#d257a3	#cc3694	#c71585

Kombination von honeydew und #c71585
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund honeydew ist #c71585 ungeeignet. Zwar ist der Helligkeitsunterschied ok, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit von #c71585 und honeydew ergibt sich zu 75.09%. Die Lesbarkeit dieser Farbkombination liegt damit bei 24.91%.

Hintergrundfarbe honeydew				Schriftfarbwert #c71585
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#c71585	#c71585	#c71585	#c71585
#f2fff2	#f2fff2	#cddacd	#cddacd	#cf3696	#cf3696	#aa1272	#aa1272
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#f6fff6	#f6fff6	#899189	#899189	#df79b9	#df79b9	#710c4c	#710c4c
#f8fff8	#f8fff8	#666d66	#666d66	#e79aca	#e79aca	#550939	#550939
#fafffa	#fafffa	#444844	#444844	#efbcdc	#efbcdc	#380626	#380626
#fcfffc	#fcfffc	#222422	#222422	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe honeydew und Farbwert #c71585

Wechsel der Hintergrundfarbe bei Hover mit Befehl address

Die Hintergrundfarbe soll sich von Farbe honeydew auf Farbwert #c71585 ändern, wenn man mit der Maus auf <address> zeigt. Bereiten wir zunächst die Darstellung von <address> in Farbe honeydew vor.

Wir legen für dieses Beispiel bei <address> die Hintergrundfarbe auf Farbe honeydew fest. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  address { 
    background-color:honeydew; 
    font-family:courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #c71585 ändert.

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

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Einzelheiten vom Befehl address sind in der HTML Referenz unter <address> genau gezeigt.

Füllen und Umranden bei Tag thead

Hier umranden wir <thead> mit einem . Den Hintergrund von <thead> setzen wir auf Farbe honeydew. Das ist mit HTML nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  thead { 
    border-width: 1px; 
    background-color: honeydew; 
    border-color: #c71585; 
    border-style: dashed;
  }
//-->
</style>

Weiteres zu thead lesen Sie in Tabellen in HTML. Weiteres zum HTML-Befehl <thead>.