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

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 #fff5ee
Detail	:	Hintergrund honeydew	Detail	:	Schrift #fff5ee
Farbe	:	honeydew	Farbwert	:	#fff5ee
Farbwert	:	#f0fff0	Farbe	:	seashell
HTML	:	honeydew	HTML	:	#fff5ee
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#fff5ee
CSS	:	honeydew	CSS	:	#fff5ee
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbe honeydew nach Schriftfarbwert #fff5ee
#f0fff0	#f2fdef	#f4fcef	#f6faef	#f8f9ee	#faf7ee	#fcf6ee	#fff5ee
#f0fff0	#f2fdef	#f4fcef	#f6faef	#f8f9ee	#faf7ee	#fcf6ee	#fff5ee

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

Hintergrundfarbe honeydew				Schriftfarbwert #fff5ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#f2fff2	#f2fff2	#cddacd	#cddacd	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#f6fff6	#f6fff6	#899189	#899189	#fff9f5	#fff9f5	#918c88	#918c88
#f8fff8	#f8fff8	#666d66	#666d66	#fffaf7	#fffaf7	#6d6966	#6d6966
#fafffa	#fafffa	#444844	#444844	#fffcfa	#fffcfa	#484644	#484644
#fcfffc	#fcfffc	#222422	#222422	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe honeydew und Farbwert #fff5ee

Wechsel der Umrandung bei Hover mit HTML-Befehl hr

Die Rahmenfarbe soll sich von Farbe honeydew auf Farbwert #fff5ee ändern, wenn man mit der Maus auf <hr> zeigt. Wir bereiten zunächst die Darstellung von <hr> in Farbe honeydew vor.

In diesem Beispiel umranden wir <hr> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbe honeydew.

<style type="text/css"><!--
  hr { 
    border-style:dotted; 
    border-color:honeydew; 
    border-width:5px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #fff5ee ändert.

<style type="text/css"><!--
  hr: hover { 
    border-color: #fff5ee;
  }
//-->
</style>

Mehr zu hr können Sie in Grundlegende Gestaltungselemente in HTML lesen. Beschreibung vom hier verwendeten HTML-Befehl <hr>.

Füllen und Umranden mit Befehl legend

Bei diesem Beispiel umranden wir <legend> mit einem . Die Hintergrundfarbe für <legend> färben wir entsprechend mit Farbe honeydew. Dies geht in HTML kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  legend { 
    background-color:honeydew; 
    border-color:#fff5ee; 
    border-style:ridge; 
    border-width:1pt;
  }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML nachsehen. Mehr zum hier gezeigten Tag legend lesen Sie in der HTML Referenz unter <legend>.