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

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 #ffd700
Detail	:	Hintergrund salmon	Detail	:	Schrift #ffd700
Farbe	:	salmon	Farbwert	:	#ffd700
Farbwert	:	#fa8072	Farbe	:	gold
HTML	:	salmon	HTML	:	#ffd700
HTML (Wert)	:	#fa8072	HTML (Wert)	:	#ffd700
CSS	:	salmon	CSS	:	#ffd700
CSS (Wert)	:	#fa8072	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#fa8072	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(250,128,114)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(98%,50%,44%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbe salmon nach Schriftfarbwert #ffd700
#fa8072	#fa8c61	#fb9851	#fca541	#fcb130	#fdbe20	#feca10	#ffd700
#fa8072	#fa8c61	#fb9851	#fca541	#fcb130	#fdbe20	#feca10	#ffd700

Kombination von salmon und #ffd700
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ffd700 und salmon ergibt sich zu 91.51%. Die Lesbarkeit dieser Kombination liegt damit bei 8.49%. #ffd700 ist nicht als Schriftfarbe auf Hintergrund salmon geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe salmon				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fa8072	#fa8072	#fa8072	#fa8072	#ffd700	#ffd700	#ffd700	#ffd700
#fa9286	#fa9286	#d66d61	#d66d61	#ffdc24	#ffdc24	#dab800	#dab800
#fba49a	#fba49a	#b25b51	#b25b51	#ffe248	#ffe248	#b69900	#b69900
#fcb6ae	#fcb6ae	#8e4941	#8e4941	#ffe86d	#ffe86d	#917a00	#917a00
#fcc8c2	#fcc8c2	#6b3630	#6b3630	#ffed91	#ffed91	#6d5c00	#6d5c00
#fddad6	#fddad6	#472420	#472420	#fff3b6	#fff3b6	#483d00	#483d00
#feecea	#feecea	#231210	#231210	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe salmon und Farbwert #ffd700

Wechsel der Textfarbe bei Hover von HTML-Tag em

Die Textfarbe soll sich von Farbe salmon auf Farbwert #ffd700 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <em> in Farbe salmon vor.

Wir legen z.B. die Textfarbe von <em> auf Farbe salmon fest:

<style type="text/css"><!--
  em { 
    color: salmon;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #ffd700 geändert wird.

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

Mehr zum Thema lesen Sie in Text in HTML. Möglichkeiten des hier gezeigten Tag <em>.

Zebra-Effekt mit HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbe salmon und Farbwert #ffd700.

<style type="text/css"><!--
  th.odd { 
    background-color:salmon;
  }
  th.even { 
    background-color: #ffd700;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="odd">Ia,a</td><td class="even">Ib,a</td><td class="odd">Ic,a</td></tr>
<tr><td class="odd">Ia,b</td><td class="even">Ib,b</td><td class="odd">Ic,b</td></tr>
<tr><td class="odd">Ia,c</td><td class="even">Ib,c</td><td class="odd">Ic,c</td></tr>
</table>

Weiteres zu th lesen Sie in Tabellen in HTML. Weiteres zum Befehl th finden Sie in der HTML Referenz unter <th>.