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

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 #2e8b57
Detail	:	Hintergrund powderblue	Detail	:	Schrift #2e8b57
Farbe	:	powderblue	Farbwert	:	#2e8b57
Farbwert	:	#b0e0e6	Farbe	:	seagreen
HTML	:	powderblue	HTML	:	#2e8b57
HTML (Wert)	:	#b0e0e6	HTML (Wert)	:	#2e8b57
CSS	:	powderblue	CSS	:	#2e8b57
CSS (Wert)	:	#b0e0e6	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#b0e0e6	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(176,224,230)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(69%,87%,90%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbe powderblue nach Schriftfarbwert #2e8b57
#b0e0e6	#9dd3d1	#8ac7bd	#78bba8	#65af94	#53a37f	#40976b	#2e8b57
#b0e0e6	#9dd3d1	#8ac7bd	#78bba8	#65af94	#53a37f	#40976b	#2e8b57

Kombination von powderblue und #2e8b57
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.				#2e8b57 eignet sich nicht als Schriftfarbe auf Hintergrund powderblue, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #2e8b57 und powderblue ergibt sich zu 85.90%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 14.10%.

Hintergrundfarbe powderblue				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#bbe4e9	#bbe4e9	#96c0c5	#96c0c5	#4b9b6f	#4b9b6f	#27774a	#27774a
#c6e8ed	#c6e8ed	#7da0a4	#7da0a4	#69ac87	#69ac87	#20633e	#20633e
#d1edf0	#d1edf0	#648083	#648083	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#ddf1f4	#ddf1f4	#4b6062	#4b6062	#a5cdb7	#a5cdb7	#133b25	#133b25
#e8f6f7	#e8f6f7	#324041	#324041	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#f3fafb	#f3fafb	#192020	#192020	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe powderblue und Farbwert #2e8b57

Hintergrund/Text-Kombination von Tag p

Hier ändern wir die Textfarbe von <p> auf Farbwert #2e8b57 und die Hintergrundfarbe von <p> auf Farbe powderblue. Die Schriftart setzen wir auf arial. Als Schriftgröße entscheiden wir uns für 84%.

<style type="text/css"><!--
  p { 
    font-family:arial; 
    background-color:powderblue; 
    font-size:84%; 
    color:#2e8b57;
  }
//-->
</style>

Weiteres zu p finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom Tag p sind in der HTML Referenz bei <p> ausführlich beschrieben.

Wechsel der Hintergrundfarbe bei Hover bei Tag h3

Eine Überschrift erzeugt man mit HTML-Befehl <h3>. Sie kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbe powderblue auf Farbwert #2e8b57 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <h3> in Farbe powderblue vor.

Wir legen hier die Hintergrundfarbe von <h3> auf Farbe powderblue fest. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf monospace. Die Schriftgröße setzen wir auf 123%:

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

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #2e8b57 gesetzt wird.

<style type="text/css"><!--
  h3:hover { 
    background-color:#2e8b57;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Mehr zum hier genutzten HTML-Befehl <h3>.