Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fa8072 und Farbwert #ffe4b5

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 #fa8072			Schriftfarbwert #ffe4b5
Detail	:	Hintergrund #fa8072	Detail	:	Schrift #ffe4b5
Farbwert	:	#fa8072	Farbwert	:	#ffe4b5
Farbe	:	salmon	Farbe	:	moccasin
HTML	:	#fa8072	HTML	:	#ffe4b5
HTML (Wert)	:	#fa8072	HTML (Wert)	:	#ffe4b5
CSS	:	#fa8072	CSS	:	#ffe4b5
CSS (Wert)	:	#fa8072	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#fa8072	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(250,128,114)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(98%,50%,44%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbwert #fa8072 nach Schriftfarbwert #ffe4b5
#fa8072	#fa8e7b	#fb9c85	#fcaa8e	#fcb998	#fdc7a1	#fed5ab	#ffe4b5
#fa8072	#fa8e7b	#fb9c85	#fcaa8e	#fcb998	#fdc7a1	#fed5ab	#ffe4b5

Kombination von #fa8072 und #ffe4b5
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #ffe4b5 und #fa8072 ergibt sich zu 90.35%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 9.65%. Auf Hintergrund #fa8072 ist #ffe4b5 ungeeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbwert #fa8072				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fa8072	#fa8072	#fa8072	#fa8072	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#fa9286	#fa9286	#d66d61	#d66d61	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#fba49a	#fba49a	#b25b51	#b25b51	#ffebca	#ffebca	#b6a281	#b6a281
#fcb6ae	#fcb6ae	#8e4941	#8e4941	#ffefd4	#ffefd4	#918267	#918267
#fcc8c2	#fcc8c2	#6b3630	#6b3630	#fff3df	#fff3df	#6d614d	#6d614d
#fddad6	#fddad6	#472420	#472420	#fff7e9	#fff7e9	#484133	#484133
#feecea	#feecea	#231210	#231210	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fa8072 und Farbwert #ffe4b5

Wechsel der Textfarbe bei Hover mit Tag dfn

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

Zum Beispiel legen wir die Textfarbe von <dfn> auf Farbwert #fa8072 fest.

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #ffe4b5 ändert.

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

Mehr zum Thema können Sie in Text in HTML finden. Möglichkeiten des Befehl <dfn>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl a

Einen Link setzen Sie mit HTML-Befehl <a>. Er kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #fa8072 auf Farbwert #ffe4b5 ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #fa8072 vor.

Für dieses Beispiel legen wir Farbwert #fa8072 als Hintergrundfarbe von <a> fest:

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

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #ffe4b5 ändert.

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML lesen. Der hier gezeigte HTML-Befehl a ist in der HTML Referenz bei <a> zusammengestellt.