Ressourcen: 120 HTML Farbnamen - Kombination von Farbe salmon und Farbwert #3cb371

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 salmon			Schriftfarbwert #3cb371
Detail	:	Hintergrund salmon	Detail	:	Schrift #3cb371
Farbe	:	salmon	Farbwert	:	#3cb371
Farbwert	:	#fa8072	Farbe	:	mediumseagreen
HTML	:	salmon	HTML	:	#3cb371
HTML (Wert)	:	#fa8072	HTML (Wert)	:	#3cb371
CSS	:	salmon	CSS	:	#3cb371
CSS (Wert)	:	#fa8072	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#fa8072	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(250,128,114)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(98%,50%,44%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbe salmon nach Schriftfarbwert #3cb371
#fa8072	#de8771	#c38e71	#a89571	#8d9d71	#72a471	#57ab71	#3cb371
#fa8072	#de8771	#c38e71	#a89571	#8d9d71	#72a471	#57ab71	#3cb371

Kombination von salmon und #3cb371
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 #3cb371 und salmon ergibt sich zu 94.93%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.07%. #3cb371 ist nicht als Schriftfarbe auf Hintergrund salmon geeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe salmon				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fa8072	#fa8072	#fa8072	#fa8072	#3cb371	#3cb371	#3cb371	#3cb371
#fa9286	#fa9286	#d66d61	#d66d61	#57bd85	#57bd85	#339960	#339960
#fba49a	#fba49a	#b25b51	#b25b51	#73c899	#73c899	#2a7f50	#2a7f50
#fcb6ae	#fcb6ae	#8e4941	#8e4941	#8fd3ad	#8fd3ad	#226640	#226640
#fcc8c2	#fcc8c2	#6b3630	#6b3630	#abdec2	#abdec2	#194c30	#194c30
#fddad6	#fddad6	#472420	#472420	#c7e9d6	#c7e9d6	#113320	#113320
#feecea	#feecea	#231210	#231210	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe salmon und Farbwert #3cb371

Zebra-Effekt von Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem so genannten Zebra-Effekt. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit unterschiedlichen Hintergrundfarben Farbe salmon und Farbwert #3cb371.

<style type="text/css"><!--
  td.ung { 
    background-color: salmon;
  }
  td.ger { 
    background-color:#3cb371;
  }
//-->
</style>

Diese werden abwechselnd genutzt.

<table>
<tr><td class="ung">Ra-a</td><td class="ger">Rb-a</td><td class="ung">Rc-a</td></tr>
<tr><td class="ung">Ra-b</td><td class="ger">Rb-b</td><td class="ung">Rc-b</td></tr>
<tr><td class="ung">Ra-c</td><td class="ger">Rb-c</td><td class="ung">Rc-c</td></tr>
</table>

Mehr zum Thema td lesen Sie in Tabellen in HTML. Möglichkeiten des hier genutzten HTML-Tag <td>.

Wechsel der Hintergrundfarbe bei Hover bei Tag h5

Eine Überschrift der 5. Stufe setzt man mit Tag <h5>. Diese kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe salmon auf Farbwert #3cb371 ändern, wenn man mit der Maus auf <h5> zeigt. Bereiten wir zunächst die Formatierung von <h5> in Farbe salmon vor.

Als Beispiel setzen wir die Hintergrundfarbe von <h5> auf Farbe salmon. Die Textfarbe verändern wir nicht, setzen jedoch die Schriftart auf verdana:

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

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #3cb371 gesetzt wird.

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

Mehr zum Thema h5 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom Tag h5 sind in der HTML Referenz bei <h5> zusammengestellt.