Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f0fff0 und Farbwert #708090

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.

Hintergrundfarbwert #f0fff0			Schriftfarbwert #708090
Detail	:	Hintergrund #f0fff0	Detail	:	Schrift #708090
Farbwert	:	#f0fff0	Farbwert	:	#708090
Farbe	:	honeydew	Farbe	:	slategray
HTML	:	#f0fff0	HTML	:	#708090
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#708090
CSS	:	#f0fff0	CSS	:	#708090
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#708090
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#708090
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(112,128,144)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(43%,50%,56%)

Verlauf Hintergrundfarbwert #f0fff0 nach Schriftfarbwert #708090
#f0fff0	#ddece2	#cbdad4	#b9c8c6	#a6b6b9	#94a4ab	#82929d	#708090
#f0fff0	#ddece2	#cbdad4	#b9c8c6	#a6b6b9	#94a4ab	#82929d	#708090

Kombination von #f0fff0 und #708090
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.				Die Ähnlichkeit der Farben #708090 und #f0fff0 beträgt 81.37%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 18.63%. #708090 eignet sich nicht als Schriftfarbe auf Hintergrund #f0fff0. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #f0fff0				Schriftfarbwert #708090
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#708090	#708090	#708090	#708090
#f2fff2	#f2fff2	#cddacd	#cddacd	#84929f	#84929f	#606d7b	#606d7b
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#98a4af	#98a4af	#505b66	#505b66
#f6fff6	#f6fff6	#899189	#899189	#adb6bf	#adb6bf	#404952	#404952
#f8fff8	#f8fff8	#666d66	#666d66	#c1c8cf	#c1c8cf	#30363d	#30363d
#fafffa	#fafffa	#444844	#444844	#d6dadf	#d6dadf	#202429	#202429
#fcfffc	#fcfffc	#222422	#222422	#eaecef	#eaecef	#101214	#101214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f0fff0 und Farbwert #708090

Füllen und Umranden von HTML-Tag pre

Hier umranden wir <pre> mit einem herausstehenden, 3 Pixel dicken Rahmen in Farbwert #708090 . Den Hintergrund von <pre> setzen wir auf Farbwert #f0fff0. Mit HTML ist das kaum möglich. Daher verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  pre { 
    border-color:#708090; 
    border-style:outset; 
    background-color:#f0fff0; 
    border-width:3px;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Mehr zum HTML-Befehl pre lesen Sie in der HTML Referenz unter <pre>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl address

Die Hintergrundfarbe soll sich von Farbwert #f0fff0 auf Farbwert #708090 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <address> in Farbwert #f0fff0 vor.

Wir legen hier Farbwert #f0fff0 als Hintergrundfarbe von <address> fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf verdana:

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

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #708090 ändert.

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

Mehr zum Thema address erfahren Sie in Blockorientierte Elemente in HTML. Die Beschreibung des Tag address finden Sie in der HTML Referenz unter <address>.