Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lavenderblush und Farbwert #c0c0c0

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe lavenderblush			Schriftfarbwert #c0c0c0
Detail	:	Hintergrund lavenderblush	Detail	:	Schrift #c0c0c0
Farbe	:	lavenderblush	Farbwert	:	#c0c0c0
Farbwert	:	#fff0f5	Farbe	:	silver
HTML	:	lavenderblush	HTML	:	#c0c0c0
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#c0c0c0
CSS	:	lavenderblush	CSS	:	#c0c0c0
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbe lavenderblush nach Schriftfarbwert #c0c0c0
#fff0f5	#f6e9ed	#ede2e5	#e4dbde	#dbd4d6	#d2cdcf	#c9c6c7	#c0c0c0
#fff0f5	#f6e9ed	#ede2e5	#e4dbde	#dbd4d6	#d2cdcf	#c9c6c7	#c0c0c0

Kombination von lavenderblush und #c0c0c0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#c0c0c0 ist nicht als Schriftfarbe auf Hintergrund lavenderblush geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von #c0c0c0 und lavenderblush ergibt sich zu 92.15%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.85%.

Hintergrundfarbe lavenderblush				Schriftfarbwert #c0c0c0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#d2d2d2	#d2d2d2	#898989	#898989
#fff6f9	#fff6f9	#91898c	#91898c	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#fff8fa	#fff8fa	#6d6669	#6d6669	#e4e4e4	#e4e4e4	#525252	#525252
#fffafc	#fffafc	#484446	#484446	#ededed	#ededed	#363636	#363636
#fffcfd	#fffcfd	#242223	#242223	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lavenderblush und Farbwert #c0c0c0

Zebra-Effekt von Befehl tr

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbe lavenderblush und Farbwert #c0c0c0.

<style type="text/css"><!--
  tr.ungerade { 
    background-color:lavenderblush;
  }
  tr.gerade { 
    background-color: #c0c0c0;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr class="ungerade"><td>D1~1</td><td>D2~1</td><td>D3~1</td></tr>
<tr class="gerade"><td>D1~2</td><td>D2~2</td><td>D3~2</td></tr>
<tr class="ungerade"><td>D1~3</td><td>D2~3</td><td>D3~3</td></tr>
</table>

Mehr zum Thema tr lesen Sie in Tabellen in HTML. Möglichkeiten des hier verwendeten HTML-Befehl tr sind in der HTML Referenz unter <tr> beschrieben.

Wechsel der Textfarbe bei Hover bei Tag blockquote

Die Textfarbe soll sich von Farbe lavenderblush auf Farbwert #c0c0c0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <blockquote> in Farbe lavenderblush vor.

Wir legen in diesem Beispiel bei <blockquote> die Textfarbe auf Farbe lavenderblush fest:

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

Nun stellen wir ein, dass bei Hover die Textfarbe auf #c0c0c0 gesetzt wird.

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

Mehr zu blockquote erfahren Sie in Blockorientierte Elemente in HTML. Beschreibung des hier verwendeten HTML-Befehl <blockquote>.