Ressourcen: 120 HTML Farbnamen - Kombination von Farbe powderblue und Farbwert #ff1493

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 powderblue			Schriftfarbwert #ff1493
Detail	:	Hintergrund powderblue	Detail	:	Schrift #ff1493
Farbe	:	powderblue	Farbwert	:	#ff1493
Farbwert	:	#b0e0e6	Farbe	:	deeppink
HTML	:	powderblue	HTML	:	#ff1493
HTML (Wert)	:	#b0e0e6	HTML (Wert)	:	#ff1493
CSS	:	powderblue	CSS	:	#ff1493
CSS (Wert)	:	#b0e0e6	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#b0e0e6	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(176,224,230)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(69%,87%,90%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbe powderblue nach Schriftfarbwert #ff1493
#b0e0e6	#bbc2da	#c6a5ce	#d188c2	#dd6bb6	#e84eaa	#f3319e	#ff1493
#b0e0e6	#bbc2da	#c6a5ce	#d188c2	#dd6bb6	#e84eaa	#f3319e	#ff1493

Kombination von powderblue und #ff1493
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund powderblue ist #ff1493 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #ff1493 und powderblue beträgt 87.92%. Die Lesbarkeit dieser Kombination liegt damit bei 12.08%.

Hintergrundfarbe powderblue				Schriftfarbwert #ff1493
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#ff1493	#ff1493	#ff1493	#ff1493
#bbe4e9	#bbe4e9	#96c0c5	#96c0c5	#ff35a2	#ff35a2	#da117e	#da117e
#c6e8ed	#c6e8ed	#7da0a4	#7da0a4	#ff57b1	#ff57b1	#b60e69	#b60e69
#d1edf0	#d1edf0	#648083	#648083	#ff78c1	#ff78c1	#910b54	#910b54
#ddf1f4	#ddf1f4	#4b6062	#4b6062	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#e8f6f7	#e8f6f7	#324041	#324041	#ffbbe0	#ffbbe0	#48052a	#48052a
#f3fafb	#f3fafb	#192020	#192020	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe powderblue und Farbwert #ff1493

Wechsel der Textfarbe bei Hover von Tag option

Die Textfarbe soll sich von Farbe powderblue auf Farbwert #ff1493 ändern, wenn man mit der Maus auf <option> zeigt. Wir bereiten zunächst die Formatierung von <option> in Farbe powderblue vor.

Wir setzen in diesem Beispiel die Textfarbe von <option> auf Farbe powderblue. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf arial. Die Größe der Schrift vergrößern wir auf 123%:

<style type="text/css"><!--
  option { 
    font-size:123%; 
    color:powderblue; 
    font-family:arial;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #ff1493 gesetzt wird.

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

Mehr zu option können Sie in Formulare in HTML lesen. Mehr zum hier gezeigten HTML-Tag option ist in der HTML Referenz unter <option> beschrieben.