Ressourcen: 120 HTML Farbnamen - Kombination von Farbe sandybrown und Farbwert #ff1493

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 sandybrown			Schriftfarbwert #ff1493
Detail	:	Hintergrund sandybrown	Detail	:	Schrift #ff1493
Farbe	:	sandybrown	Farbwert	:	#ff1493
Farbwert	:	#f4a460	Farbe	:	deeppink
HTML	:	sandybrown	HTML	:	#ff1493
HTML (Wert)	:	#f4a460	HTML (Wert)	:	#ff1493
CSS	:	sandybrown	CSS	:	#ff1493
CSS (Wert)	:	#f4a460	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#f4a460	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(244,164,96)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(95%,64%,37%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbe sandybrown nach Schriftfarbwert #ff1493
#f4a460	#f58f67	#f77a6e	#f86675	#fa517d	#fb3d84	#fd288b	#ff1493
#f4a460	#f58f67	#f77a6e	#f86675	#fa517d	#fb3d84	#fd288b	#ff1493

Kombination von sandybrown und #ff1493
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ff1493 eignet sich nicht als Schriftfarbe auf Hintergrund sandybrown, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #ff1493 und sandybrown beträgt 91.48%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.52%.

Hintergrundfarbe sandybrown				Schriftfarbwert #ff1493
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f4a460	#f4a460	#f4a460	#f4a460	#ff1493	#ff1493	#ff1493	#ff1493
#f5b176	#f5b176	#d18c52	#d18c52	#ff35a2	#ff35a2	#da117e	#da117e
#f7be8d	#f7be8d	#ae7544	#ae7544	#ff57b1	#ff57b1	#b60e69	#b60e69
#f8cba4	#f8cba4	#8b5d36	#8b5d36	#ff78c1	#ff78c1	#910b54	#910b54
#fad8ba	#fad8ba	#684629	#684629	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#fbe5d1	#fbe5d1	#452e1b	#452e1b	#ffbbe0	#ffbbe0	#48052a	#48052a
#fdf2e8	#fdf2e8	#22170d	#22170d	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe sandybrown und Farbwert #ff1493

Wechsel der Textfarbe bei Hover mit Tag kbd

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

Als Beispiel ändern wir die Textfarbe von <kbd> auf Farbe sandybrown und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  kbd { 
    font-size: 13px; 
    color: sandybrown;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #ff1493 ändert.

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

Mehr zu kbd können Sie in Text in HTML nachlesen. Mehr zum hier genutzten HTML-Befehl <kbd>.

Zebra-Effekt mit Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbe sandybrown und Farbwert #ff1493.

<style type="text/css"><!--
  tr.even { 
    background-color: sandybrown;
  }
  tr.odd { 
    background-color:#ff1493;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr class="even"><td>CA-A</td><td>CB-A</td><td>CC-A</td></tr>
<tr class="odd"><td>CA-B</td><td>CB-B</td><td>CC-B</td></tr>
<tr class="even"><td>CA-C</td><td>CB-C</td><td>CC-C</td></tr>
</table>

Weiteres zum Thema tr erfahren Sie in Tabellen in HTML. Der HTML-Befehl tr ist in der HTML Referenz bei <tr> zusammengestellt.