Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #e9967a und Farbwert #f0f8ff

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.

Hintergrundfarbwert #e9967a			Schriftfarbwert #f0f8ff
Detail	:	Hintergrund #e9967a	Detail	:	Schrift #f0f8ff
Farbwert	:	#e9967a	Farbwert	:	#f0f8ff
Farbe	:	darksalmon	Farbe	:	aliceblue
HTML	:	#e9967a	HTML	:	#f0f8ff
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#f0f8ff
CSS	:	#e9967a	CSS	:	#f0f8ff
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#f0f8ff
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#f0f8ff
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(240,248,255)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(94%,97%,100%)

Verlauf Hintergrundfarbwert #e9967a nach Schriftfarbwert #f0f8ff
#e9967a	#eaa48d	#ebb2a0	#ecc0b3	#edcec6	#eedcd9	#efeaec	#f0f8ff
#e9967a	#eaa48d	#ebb2a0	#ecc0b3	#edcec6	#eedcd9	#efeaec	#f0f8ff

Kombination von #e9967a und #f0f8ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#f0f8ff eignet sich nicht als Schriftfarbe auf Hintergrund #e9967a. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #f0f8ff und #e9967a beträgt 89.77%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.23%.

Hintergrundfarbwert #e9967a				Schriftfarbwert #f0f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
#eca58d	#eca58d	#c78068	#c78068	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
#efb4a0	#efb4a0	#a66b57	#a66b57	#f4faff	#f4faff	#abb1b6	#abb1b6
#f2c3b3	#f2c3b3	#855545	#855545	#f6fbff	#f6fbff	#898d91	#898d91
#f5d2c6	#f5d2c6	#634034	#634034	#f8fcff	#f8fcff	#666a6d	#666a6d
#f8e1d9	#f8e1d9	#422a22	#422a22	#fafdff	#fafdff	#444648	#444648
#fbf0ec	#fbf0ec	#211511	#211511	#fcfeff	#fcfeff	#222324	#222324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e9967a und Farbwert #f0f8ff

Wechsel der Textfarbe bei Hover von Tag h5

Eine Überschrift der 5. Stufe wird mit HTML-Tag <h5> erzeugt. Diese kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #e9967a auf Farbwert #f0f8ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h5> in Farbwert #e9967a vor.

Wir ändern zum Beispiel die Textfarbe von <h5> auf Farbwert #e9967a.

<style type="text/css"><!--
  h5 { 
    color:#e9967a;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #f0f8ff geändert wird.

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

Mehr zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der hier gezeigte Tag h5 ist in der HTML Referenz unter <h5> genau gezeigt.

Text- und Unterstreichungsfarben mit Tag label

Wir ändern bei diesem Beispiel die Textfarbe von <label> auf Farbwert #f0f8ff. Die Schriftart ändern wir auf arial. Die Schriftgröße erhöhen wir auf 115%. Wir unterstreichen den Inhalt von <label> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbwert #e9967a. Dies ist mit HTML nicht möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  label { 
    color:#f0f8ff; 
    font-size:115%; 
    font-family:arial; 
    border-bottom:5px outset #e9967a;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu label lesen Sie in Formulare in HTML. Möglichkeiten des Tag label sind in der HTML Referenz unter <label> ausführlich gezeigt.