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

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.

Hintergrundfarbwert #c0c0c0			Schriftfarbwert #ff1493
Detail	:	Hintergrund #c0c0c0	Detail	:	Schrift #ff1493
Farbwert	:	#c0c0c0	Farbwert	:	#ff1493
Farbe	:	silver	Farbe	:	deeppink
HTML	:	#c0c0c0	HTML	:	#ff1493
HTML (Wert)	:	#c0c0c0	HTML (Wert)	:	#ff1493
CSS	:	#c0c0c0	CSS	:	#ff1493
CSS (Wert)	:	#c0c0c0	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#c0c0c0	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(192,192,192)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(75%,75%,75%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbwert #c0c0c0 nach Schriftfarbwert #ff1493
#c0c0c0	#c9a7b9	#d28eb3	#db76ac	#e45da6	#ed459f	#f62c99	#ff1493
#c0c0c0	#c9a7b9	#d28eb3	#db76ac	#e45da6	#ed459f	#f62c99	#ff1493

Kombination von #c0c0c0 und #ff1493
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Die Ähnlichkeit von #ff1493 und #c0c0c0 beträgt 90.48%. Die Lesbarkeit dieser Kombination liegt damit bei 9.52%. #ff1493 ist nicht als Schriftfarbe auf Hintergrund #c0c0c0 geeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #c0c0c0				Schriftfarbwert #ff1493
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0	#ff1493	#ff1493	#ff1493	#ff1493
#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4	#ff35a2	#ff35a2	#da117e	#da117e
#d2d2d2	#d2d2d2	#898989	#898989	#ff57b1	#ff57b1	#b60e69	#b60e69
#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d	#ff78c1	#ff78c1	#910b54	#910b54
#e4e4e4	#e4e4e4	#525252	#525252	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#ededed	#ededed	#363636	#363636	#ffbbe0	#ffbbe0	#48052a	#48052a
#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #c0c0c0 und Farbwert #ff1493

Wechsel der Textfarbe bei Hover bei Befehl tbody

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

Hier ändern wir die Textfarbe von <tbody> auf Farbwert #c0c0c0 und vergrößern die Größe der Schrift auf 128%.

<style type="text/css"><!--
  tbody { 
    color:#c0c0c0; 
    font-size:128%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #ff1493 geändert wird.

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

Weiteres zu tbody können Sie in Tabellen in HTML lesen. Einzelheiten des hier genutzten Befehl <tbody>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag acronym

Die Hintergrundfarbe soll sich von Farbwert #c0c0c0 auf Farbwert #ff1493 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <acronym> in Farbwert #c0c0c0 vor.

Wir legen als Beispiel Farbwert #c0c0c0 als Hintergrundfarbe von <acronym> fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  acronym { 
    font-family: monospace; 
    background-color: #c0c0c0;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #ff1493 gesetzt wird.

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

Einzelheiten des hier verwendeten HTML-Befehl acronym erfahren Sie in der HTML Referenz unter <acronym>.