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

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 #d3d3d3
Detail	:	Hintergrund honeydew	Detail	:	Schrift #d3d3d3
Farbe	:	honeydew	Farbwert	:	#d3d3d3
Farbwert	:	#f0fff0	Farbe	:	lightgrey
HTML	:	honeydew	HTML	:	#d3d3d3
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#d3d3d3
CSS	:	honeydew	CSS	:	#d3d3d3
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe honeydew nach Schriftfarbwert #d3d3d3
#f0fff0	#ebf8eb	#e7f2e7	#e3ece3	#dfe5df	#dbdfdb	#d7d9d7	#d3d3d3
#f0fff0	#ebf8eb	#e7f2e7	#e3ece3	#dfe5df	#dbdfdb	#d7d9d7	#d3d3d3

Kombination von honeydew und #d3d3d3
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#d3d3d3 eignet sich nicht als Schriftfarbe auf Hintergrund honeydew. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #d3d3d3 und honeydew ergibt sich zu 93.12%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.88%.

Hintergrundfarbe honeydew				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#f2fff2	#f2fff2	#cddacd	#cddacd	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#dfdfdf	#dfdfdf	#969696	#969696
#f6fff6	#f6fff6	#899189	#899189	#e5e5e5	#e5e5e5	#787878	#787878
#f8fff8	#f8fff8	#666d66	#666d66	#ececec	#ececec	#5a5a5a	#5a5a5a
#fafffa	#fafffa	#444844	#444844	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#fcfffc	#fcfffc	#222422	#222422	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe honeydew und Farbwert #d3d3d3

Wechsel der Textfarbe bei Hover bei HTML-Befehl em

Die Textfarbe soll sich von Farbe honeydew auf Farbwert #d3d3d3 ändern, wenn man mit der Maus auf <em> zeigt. Bereiten wir zunächst eine Darstellung von <em> in Farbe honeydew vor.

Wir legen als Beispiel bei <em> die Textfarbe auf Farbe honeydew fest:

<style type="text/css"><!--
  em { 
    color:honeydew;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #d3d3d3 ändert.

<style type="text/css"><!--
  em: hover { 
    color: #d3d3d3;
  }
//-->
</style>

Weiteres zu em können Sie in Text in HTML nachsehen. Beschreibung vom hier verwendeten Befehl <em>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl a

Ein Link wird mit HTML-Tag <a> gesetzt. Diesen können Sie hervorheben und farblich gestalten.

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

Wir legen als Beispiel bei <a> die Hintergrundfarbe auf Farbe honeydew fest. Die Textfarbe verändern wir nicht. Die Schriftart ändern wir auf verdana:

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

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

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

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Weiteres zum hier gezeigten Befehl <a>.