Ressourcen: 137 HTML Farbnamen - Kombination von Farbe honeydew und Farbwert #0000ff

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe honeydew			Schriftfarbwert #0000ff
Detail	:	Hintergrund honeydew	Detail	:	Schrift #0000ff
Farbe	:	honeydew	Farbwert	:	#0000ff
Farbwert	:	#f0fff0	Farbe	:	blue
HTML	:	honeydew	HTML	:	#0000ff
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#0000ff
CSS	:	honeydew	CSS	:	#0000ff
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbe honeydew nach Schriftfarbwert #0000ff
#f0fff0	#cddaf2	#abb6f4	#8991f6	#666df8	#4448fa	#2224fc	#0000ff
#f0fff0	#cddaf2	#abb6f4	#8991f6	#666df8	#4448fa	#2224fc	#0000ff

Kombination von honeydew und #0000ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#0000ff eignet sich als Schriftfarbe auf Hintergrund honeydew, weil die Unterschiede in Helligkeit und Farbe ok sind. Die Ähnlichkeit der Farben #0000ff und honeydew ergibt sich zu 60.51%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 39.49%.

Hintergrundfarbe honeydew				Schriftfarbwert #0000ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#0000ff	#0000ff	#0000ff	#0000ff
#f2fff2	#f2fff2	#cddacd	#cddacd	#2424ff	#2424ff	#0000da	#0000da
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#4848ff	#4848ff	#0000b6	#0000b6
#f6fff6	#f6fff6	#899189	#899189	#6d6dff	#6d6dff	#000091	#000091
#f8fff8	#f8fff8	#666d66	#666d66	#9191ff	#9191ff	#00006d	#00006d
#fafffa	#fafffa	#444844	#444844	#b6b6ff	#b6b6ff	#000048	#000048
#fcfffc	#fcfffc	#222422	#222422	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe honeydew und Farbwert #0000ff

Hintergrund/Text-Kombination bei HTML-Befehl abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbwert #0000ff und die Hintergrundfarbe von <abbr> auf Farbe honeydew. Die Schriftart setzen wir auf courier new. Die Schriftgröße verkleinern wir auf 82%.

<style type="text/css"><!--
  abbr { 
    background-color:honeydew; 
    font-family:courier new; 
    font-size:82%; 
    color:#00f;
  }
//-->
</style>

Die Beschreibung des hier gezeigten Tag abbr lesen Sie in der HTML Referenz unter <abbr>.

Wechsel der Hintergrundfarbe bei Hover mit Tag fieldset

Die Hintergrundfarbe soll sich von Farbe honeydew auf Farbwert #0000ff ändern, wenn man mit der Maus auf <fieldset> zeigt. Wir bereiten zunächst eine Formatierung von <fieldset> in Farbe honeydew vor.

Für dieses Beispiel legen wir Farbe honeydew als Hintergrundfarbe von <fieldset> fest.

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

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #0000ff gesetzt wird.

<style type="text/css"><!--
  fieldset: hover { 
    background-color: #00f;
  }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML nachlesen. Mehr zum Befehl fieldset ist in der HTML Referenz unter <fieldset> genau gezeigt.