Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #c71585 und Farbwert #afeeee

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 #c71585			Schriftfarbwert #afeeee
Detail	:	Hintergrund #c71585	Detail	:	Schrift #afeeee
Farbwert	:	#c71585	Farbwert	:	#afeeee
Farbe	:	mediumvioletred	Farbe	:	paleturquoise
HTML	:	#c71585	HTML	:	#afeeee
HTML (Wert)	:	#c71585	HTML (Wert)	:	#afeeee
CSS	:	#c71585	CSS	:	#afeeee
CSS (Wert)	:	#c71585	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#c71585	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(199,21,133)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(78%,8%,52%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbwert #c71585 nach Schriftfarbwert #afeeee
#c71585	#c33494	#c053a3	#bc72b2	#b991c1	#b5b0d0	#b2cfdf	#afeeee
#c71585	#c33494	#c053a3	#bc72b2	#b991c1	#b5b0d0	#b2cfdf	#afeeee

Kombination von #c71585 und #afeeee
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit der Farben #afeeee und #c71585 beträgt 79.98%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 20.02%. #afeeee ist nicht als Schriftfarbe auf Hintergrund #c71585 geeignet. Zwar ist der Helligkeitsunterschied ok, die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #c71585				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c71585	#c71585	#c71585	#c71585	#afeeee	#afeeee	#afeeee	#afeeee
#cf3696	#cf3696	#aa1272	#aa1272	#baf0f0	#baf0f0	#96cccc	#96cccc
#d757a7	#d757a7	#8e0f5f	#8e0f5f	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#df79b9	#df79b9	#710c4c	#710c4c	#d1f5f5	#d1f5f5	#648888	#648888
#e79aca	#e79aca	#550939	#550939	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#efbcdc	#efbcdc	#380626	#380626	#e8fafa	#e8fafa	#324444	#324444
#f7dded	#f7dded	#1c0313	#1c0313	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #c71585 und Farbwert #afeeee

Hintergrund/Text-Kombination mit Tag select

Hier ändern wir die Textfarbe von <select> auf Farbwert #afeeee und die Hintergrundfarbe von <select> auf Farbwert #c71585. Als Schriftart wählen wir monospace. Als Schriftgröße wählen wir 114%.

<style type="text/css"><!--
  select { 
    color:#afeeee; 
    font-size:114%; 
    font-family:monospace; 
    background-color:#c71585;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Formulare in HTML. Weiteres zum Tag <select>.

Wechsel der Textfarbe bei Hover bei Tag em

Die Textfarbe soll sich von Farbwert #c71585 auf Farbwert #afeeee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <em> in Farbwert #c71585 vor.

Zum Beispiel legen wir Farbwert #c71585 als Textfarbe von <em> fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf monospace. Die Größe der Schrift verkleinern wir auf 95S%.

<style type="text/css"><!--
  em { 
    font-size: 95S%; 
    color: #c71585; 
    font-family: monospace;
  }
//-->
</style>

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

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

Mehr zum Thema em erfahren Sie in Text in HTML. Mehr zum hier gezeigten HTML-Befehl em finden Sie in der HTML Referenz unter <em>.