Ressourcen: 120 HTML Farbnamen - Kombination von Farbe deeppink und Farbwert #d8bfd8

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 deeppink			Schriftfarbwert #d8bfd8
Detail	:	Hintergrund deeppink	Detail	:	Schrift #d8bfd8
Farbe	:	deeppink	Farbwert	:	#d8bfd8
Farbwert	:	#ff1493	Farbe	:	thistle
HTML	:	deeppink	HTML	:	#d8bfd8
HTML (Wert)	:	#ff1493	HTML (Wert)	:	#d8bfd8
CSS	:	deeppink	CSS	:	#d8bfd8
CSS (Wert)	:	#ff1493	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#ff1493	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(255,20,147)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(100%,7%,57%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbe deeppink nach Schriftfarbwert #d8bfd8
#ff1493	#f92c9c	#f344a6	#ee5db0	#e875ba	#e38ec4	#dda6ce	#d8bfd8
#ff1493	#f92c9c	#f344a6	#ee5db0	#e875ba	#e38ec4	#dda6ce	#d8bfd8

Kombination von deeppink und #d8bfd8
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#d8bfd8 eignet sich nicht als Schriftfarbe auf Hintergrund deeppink. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #d8bfd8 und deeppink ergibt sich zu 89.80%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.20%.

Hintergrundfarbe deeppink				Schriftfarbwert #d8bfd8
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff1493	#ff1493	#ff1493	#ff1493	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#ff35a2	#ff35a2	#da117e	#da117e	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#ff57b1	#ff57b1	#b60e69	#b60e69	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#ff78c1	#ff78c1	#910b54	#910b54	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#ff9ad0	#ff9ad0	#6d083f	#6d083f	#eee3ee	#eee3ee	#5c515c	#5c515c
#ffbbe0	#ffbbe0	#48052a	#48052a	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#ffddef	#ffddef	#240215	#240215	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deeppink und Farbwert #d8bfd8

Hintergrund/Text-Kombination mit Tag a

Mit HTML-Tag <a> wird ein Verweis erzeugt. Er kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #d8bfd8 und die Hintergrundfarbe von <a> auf Farbe deeppink. Als Schriftart setzen wir monospace. Die Schriftgröße setzen wir auf 12pt.

<style type="text/css"><!--
  a { 
    background-color:deeppink; 
    font-size:12pt; 
    font-family:monospace; 
    color:#d8bfd8;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachsehen. Einzelheiten des hier verwendeten HTML-Befehl a finden Sie in der HTML Referenz unter <a>.

Wechsel der Textfarbe bei Hover mit Befehl option

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

Zum Beispiel legen wir Farbe deeppink als Textfarbe von <option> fest.

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #d8bfd8 ändert.

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

Weiteres zu option können Sie in Formulare in HTML finden. Mehr zum hier genutzten Tag option ist in der HTML Referenz unter <option> ausführlich beschrieben.