Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ff7f50 und Farbwert #778899

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 #ff7f50			Schriftfarbwert #778899
Detail	:	Hintergrund #ff7f50	Detail	:	Schrift #778899
Farbwert	:	#ff7f50	Farbwert	:	#778899
Farbe	:	coral	Farbe	:	lightslategray
HTML	:	#ff7f50	HTML	:	#778899
HTML (Wert)	:	#ff7f50	HTML (Wert)	:	#778899
CSS	:	#ff7f50	CSS	:	#778899
CSS (Wert)	:	#ff7f50	CSS (Wert)	:	#778899
CSS (kürzest)	:	#ff7f50	CSS (kürzest)	:	#789
CSS (RGB)	:	rgb(255,127,80)	CSS (RGB)	:	rgb(119,136,153)
CSS (%RGB)	:	rgb(100%,49%,31%)	CSS (%RGB)	:	rgb(46%,53%,60%)

Verlauf Hintergrundfarbwert #ff7f50 nach Schriftfarbwert #778899
#ff7f50	#eb805a	#d88164	#c4826f	#b18479	#9d8584	#8a868e	#778899
#ff7f50	#eb805a	#d88164	#c4826f	#b18479	#9d8584	#8a868e	#778899

Kombination von #ff7f50 und #778899
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#778899 eignet sich nicht als Schriftfarbe auf Hintergrund #ff7f50, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #778899 und #ff7f50 beträgt 93.06%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.94%.

Hintergrundfarbwert #ff7f50				Schriftfarbwert #778899
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff7f50	#ff7f50	#ff7f50	#ff7f50	#778899	#778899	#778899	#778899
#ff9169	#ff9169	#da6c44	#da6c44	#8a99a7	#8a99a7	#667483	#667483
#ffa382	#ffa382	#b65a39	#b65a39	#9daab6	#9daab6	#55616d	#55616d
#ffb59b	#ffb59b	#91482d	#91482d	#b1bbc4	#b1bbc4	#444d57	#444d57
#ffc8b4	#ffc8b4	#6d3622	#6d3622	#c4ccd3	#c4ccd3	#333a41	#333a41
#ffdacd	#ffdacd	#482416	#482416	#d8dde1	#d8dde1	#22262b	#22262b
#ffece6	#ffece6	#24120b	#24120b	#ebeef0	#ebeef0	#111315	#111315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff7f50 und Farbwert #778899

Wechsel der Textfarbe bei Hover mit HTML-Befehl a

Mit Tag <a> wird ein Verweis erzeugt. Er kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #ff7f50 auf Farbwert #778899 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <a> in Farbwert #ff7f50 vor.

Wir legen hier bei <a> die Textfarbe auf Farbwert #ff7f50 fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  a { 
    font-family: courier new; 
    color: #ff7f50;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #778899 gesetzt wird.

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

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung vom hier gezeigten HTML-Befehl a finden Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination bei Befehl em

Für dieses Beispiel ändern wir die Textfarbe von <em> auf Farbwert #778899 und die Hintergrundfarbe von <em> auf Farbwert #ff7f50. Als Schriftart setzen wir arial und als Schriftgröße wählen wir 9px.

<style type="text/css"><!--
  em { 
    background-color: #ff7f50; 
    font-size: 9px; 
    color: #789; 
    font-family: arial;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML lesen. Möglichkeiten vom hier verwendeten Befehl <em>.