Ressourcen: 120 HTML Farbnamen - Kombination von Farbe palegoldenrod und Farbwert #b22222

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 palegoldenrod			Schriftfarbwert #b22222
Detail	:	Hintergrund palegoldenrod	Detail	:	Schrift #b22222
Farbe	:	palegoldenrod	Farbwert	:	#b22222
Farbwert	:	#eee8aa	Farbe	:	firebrick
HTML	:	palegoldenrod	HTML	:	#b22222
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#b22222
CSS	:	palegoldenrod	CSS	:	#b22222
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#b22222
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#b22222
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(178,34,34)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(69%,13%,13%)

Verlauf Hintergrundfarbe palegoldenrod nach Schriftfarbwert #b22222
#eee8aa	#e5cb96	#dcaf83	#d4936f	#cb765c	#c35a48	#ba3e35	#b22222
#eee8aa	#e5cb96	#dcaf83	#d4936f	#cb765c	#c35a48	#ba3e35	#b22222

Kombination von palegoldenrod und #b22222
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.				#b22222 ist nicht als Schriftfarbe auf Hintergrund palegoldenrod geeignet, da der Unterschied in den Farben nicht ausreichend ist Die Ähnlichkeit der Farben #b22222 und palegoldenrod beträgt 74.62%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 25.38%.

Hintergrundfarbe palegoldenrod				Schriftfarbwert #b22222
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#b22222	#b22222	#b22222	#b22222
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#bd4141	#bd4141	#981d1d	#981d1d
#f2eec2	#f2eec2	#aaa579	#aaa579	#c86161	#c86161	#7f1818	#7f1818
#f5f1ce	#f5f1ce	#888461	#888461	#d38080	#d38080	#651313	#651313
#f7f5da	#f7f5da	#666348	#666348	#dea0a0	#dea0a0	#4c0e0e	#4c0e0e
#faf8e6	#faf8e6	#444230	#444230	#e9bfbf	#e9bfbf	#320909	#320909
#fcfbf2	#fcfbf2	#222118	#222118	#f4dfdf	#f4dfdf	#190404	#190404
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palegoldenrod und Farbwert #b22222

Zebra-Effekt von Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit den Hintergrundfarben Farbe palegoldenrod und Farbwert #b22222.

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

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="odd">FA,A</td><td class="even">FB,A</td><td class="odd">FC,A</td></tr>
<tr><td class="odd">FA,B</td><td class="even">FB,B</td><td class="odd">FC,B</td></tr>
<tr><td class="odd">FA,C</td><td class="even">FB,C</td><td class="odd">FC,C</td></tr>
</table>

Weiteres zu th können Sie in Tabellen in HTML finden. Einzelheiten vom hier verwendeten Tag th sind in der HTML Referenz bei <th> genau zusammengestellt.

Wechsel der Umrandung bei Hover bei HTML-Tag strike

Die Rahmenfarbe soll sich von Farbe palegoldenrod auf Farbwert #b22222 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <strike> in Farbe palegoldenrod vor.

In diesem Beispiel umranden wir <strike> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbe palegoldenrod.

<style type="text/css"><!--
  strike { border:5px groove palegoldenrod; }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #b22222 ändert.

<style type="text/css"><!--
  strike: hover { 
    border-color: #b22222;
  }
//-->
</style>

Mehr zu strike können Sie in Text in HTML erfahren. Weiteres zum Befehl strike erfahren Sie in der HTML Referenz unter <strike>.