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

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 #708090
Detail	:	Hintergrund powderblue	Detail	:	Schrift #708090
Farbe	:	powderblue	Farbwert	:	#708090
Farbwert	:	#b0e0e6	Farbe	:	slategray
HTML	:	powderblue	HTML	:	#708090
HTML (Wert)	:	#b0e0e6	HTML (Wert)	:	#708090
CSS	:	powderblue	CSS	:	#708090
CSS (Wert)	:	#b0e0e6	CSS (Wert)	:	#708090
CSS (kürzest)	:	#b0e0e6	CSS (kürzest)	:	#708090
CSS (RGB)	:	rgb(176,224,230)	CSS (RGB)	:	rgb(112,128,144)
CSS (%RGB)	:	rgb(69%,87%,90%)	CSS (%RGB)	:	rgb(43%,50%,56%)

Verlauf Hintergrundfarbe powderblue nach Schriftfarbwert #708090
#b0e0e6	#a6d2d9	#9dc4cd	#94b6c1	#8ba9b4	#829ba8	#798d9c	#708090
#b0e0e6	#a6d2d9	#9dc4cd	#94b6c1	#8ba9b4	#829ba8	#798d9c	#708090

Kombination von powderblue und #708090
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante.				Auf Hintergrund powderblue ist #708090 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #708090 und powderblue beträgt 86.53%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 13.47%.

Hintergrundfarbe powderblue				Schriftfarbwert #708090
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#708090	#708090	#708090	#708090
#bbe4e9	#bbe4e9	#96c0c5	#96c0c5	#84929f	#84929f	#606d7b	#606d7b
#c6e8ed	#c6e8ed	#7da0a4	#7da0a4	#98a4af	#98a4af	#505b66	#505b66
#d1edf0	#d1edf0	#648083	#648083	#adb6bf	#adb6bf	#404952	#404952
#ddf1f4	#ddf1f4	#4b6062	#4b6062	#c1c8cf	#c1c8cf	#30363d	#30363d
#e8f6f7	#e8f6f7	#324041	#324041	#d6dadf	#d6dadf	#202429	#202429
#f3fafb	#f3fafb	#192020	#192020	#eaecef	#eaecef	#101214	#101214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe powderblue und Farbwert #708090

Wechsel der Textfarbe bei Hover von HTML-Befehl div

Mit Befehl <div> wird ein Kontainer gesetzt. Dieser kann farblich gestaltet werden.

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

Wir legen zum Beispiel die Textfarbe von <div> auf Farbe powderblue fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf courier new. Die Größe der Schrift vergrößern wir auf 124%:

<style type="text/css"><!--
  div { 
    color: powderblue; 
    font-size: 124%; 
    font-family: courier new;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu #708090 ändert.

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

Einzelheiten vom hier genutzten Befehl div lesen Sie in der HTML Referenz unter <div>.

Hintergrund/Text-Kombination bei Tag s

Bei diesem Beispiel ändern wir die Textfarbe von <s> auf Farbwert #708090 und die Hintergrundfarbe von <s> auf Farbe powderblue. Die Schriftart setzen wir auf courier new. Als Schriftgröße entscheiden wir uns für 118%.

<style type="text/css"><!--
  s { 
    background-color:powderblue; 
    color:#708090; 
    font-size:118%; 
    font-family:courier new;
  }
//-->
</style>

Mehr zum Thema s lesen Sie in Text in HTML. Möglichkeiten des hier gezeigten Befehl <s>.