Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumblue und Farbwert #2e8b57

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 mediumblue			Schriftfarbwert #2e8b57
Detail	:	Hintergrund mediumblue	Detail	:	Schrift #2e8b57
Farbe	:	mediumblue	Farbwert	:	#2e8b57
Farbwert	:	#0000cd	Farbe	:	seagreen
HTML	:	mediumblue	HTML	:	#2e8b57
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#2e8b57
CSS	:	mediumblue	CSS	:	#2e8b57
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbe mediumblue nach Schriftfarbwert #2e8b57
#0000cd	#0613bc	#0d27ab	#133b9a	#1a4f89	#206378	#277767	#2e8b57
#0000cd	#0613bc	#0d27ab	#133b9a	#1a4f89	#206378	#277767	#2e8b57

Kombination von mediumblue und #2e8b57
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#2e8b57 ist nicht als Schriftfarbe auf Hintergrund mediumblue geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #2e8b57 und mediumblue ergibt sich zu 87.48%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 12.52%.

Hintergrundfarbe mediumblue				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#2424d4	#2424d4	#0000af	#0000af	#4b9b6f	#4b9b6f	#27774a	#27774a
#4848db	#4848db	#000092	#000092	#69ac87	#69ac87	#20633e	#20633e
#6d6de2	#6d6de2	#000075	#000075	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#9191e9	#9191e9	#000057	#000057	#a5cdb7	#a5cdb7	#133b25	#133b25
#b6b6f0	#b6b6f0	#00003a	#00003a	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#dadaf7	#dadaf7	#00001d	#00001d	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumblue und Farbwert #2e8b57

Füllen und Umranden mit HTML-Befehl blockquote

Für dieses Beispiel umranden wir <blockquote> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbwert #2e8b57 . Den Hintergrund von <blockquote> setzen wir entsprechend auf Farbe mediumblue. Das ist mit HTML so kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  blockquote { 
    border-color: #2e8b57; 
    background-color: mediumblue; 
    border-width: 3px; 
    border-style: groove;
  }
//-->
</style>

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML lesen. Der hier verwendete Befehl blockquote ist in der HTML Referenz unter <blockquote> ausführlich zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover mit Befehl form

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

Wir legen in diesem Beispiel Farbe mediumblue als Hintergrundfarbe von <form> fest und vergrößern die Größe der Schrift auf 112%:

<style type="text/css"><!--
  form { 
    background-color: mediumblue; 
    font-size: 112%;
  }
//-->
</style>

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

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

Mehr zu form können Sie in Formulare in HTML nachsehen. Weiteres zum hier gezeigten Befehl <form>.