Ressourcen: 137 HTML Farbnamen - Kombination von Farbe pink und Farbwert #9932cc

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 pink			Schriftfarbwert #9932cc
Detail	:	Hintergrund pink	Detail	:	Schrift #9932cc
Farbe	:	pink	Farbwert	:	#9932cc
Farbwert	:	#ffc0cb	Farbe	:	darkorchid
HTML	:	pink	HTML	:	#9932cc
HTML (Wert)	:	#ffc0cb	HTML (Wert)	:	#9932cc
CSS	:	pink	CSS	:	#9932cc
CSS (Wert)	:	#ffc0cb	CSS (Wert)	:	#9932cc
CSS (kürzest)	:	#ffc0cb	CSS (kürzest)	:	#9932cc
CSS (RGB)	:	rgb(255,192,203)	CSS (RGB)	:	rgb(153,50,204)
CSS (%RGB)	:	rgb(100%,75%,79%)	CSS (%RGB)	:	rgb(60%,19%,80%)

Verlauf Hintergrundfarbe pink nach Schriftfarbwert #9932cc
#ffc0cb	#f0abcb	#e197cb	#d383cb	#c46ecb	#b65acb	#a746cb	#9932cc
#ffc0cb	#f0abcb	#e197cb	#d383cb	#c46ecb	#b65acb	#a746cb	#9932cc

Kombination von pink und #9932cc
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #9932cc und pink ergibt sich zu 82.34%. Die Lesbarkeit dieser Farbkombination liegt damit bei 17.66%. Auf Hintergrund pink ist #9932cc ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe pink				Schriftfarbwert #9932cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb	#9932cc	#9932cc	#9932cc	#9932cc
#ffc9d2	#ffc9d2	#daa4ae	#daa4ae	#a74fd3	#a74fd3	#832aae	#832aae
#ffd2d9	#ffd2d9	#b68991	#b68991	#b66cda	#b66cda	#6d2391	#6d2391
#ffdbe1	#ffdbe1	#916d74	#916d74	#c489e1	#c489e1	#571c74	#571c74
#ffe4e8	#ffe4e8	#6d5257	#6d5257	#d3a7e9	#d3a7e9	#411557	#411557
#ffedf0	#ffedf0	#48363a	#48363a	#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a
#fff6f7	#fff6f7	#241b1d	#241b1d	#f0e1f7	#f0e1f7	#15071d	#15071d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe pink und Farbwert #9932cc

Wechsel der Textfarbe bei Hover von Befehl form

Die Textfarbe soll sich von Farbe pink auf Farbwert #9932cc ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <form> in Farbe pink vor.

Für dieses Beispiel legen wir Farbe pink als Textfarbe von <form> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift verkleinern wir auf 86%.

<style type="text/css"><!--
  form { 
    color: pink; 
    font-size: 86%; 
    font-family: monospace;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #9932cc gesetzt wird.

<style type="text/css"><!--
  form:hover { 
    color:#9932cc;
  }
//-->
</style>

Mehr zu form können Sie in Formulare in HTML nachsehen. Einzelheiten des HTML-Befehl form sind in der HTML Referenz bei <form> beschrieben.

Hintergrund/Text-Kombination bei Befehl blockquote

Für dieses Beispiel ändern wir die Textfarbe von <blockquote> auf Farbwert #9932cc und die Hintergrundfarbe von <blockquote> auf Farbe pink. Als Schriftart setzen wir verdana und als Schriftgröße setzen wir 87%.

<style type="text/css"><!--
  blockquote { 
    font-size:87%; 
    font-family:verdana; 
    background-color:pink; 
    color:#9932cc;
  }
//-->
</style>

Weiteres zum Thema blockquote können Sie in Blockorientierte Elemente in HTML nachlesen. Die Beschreibung vom hier genutzten HTML-Tag blockquote lesen Sie in der HTML Referenz unter <blockquote>.