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

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.

Hintergrundfarbwert #2e8b57			Schriftfarbwert #ba55d3
Detail	:	Hintergrund #2e8b57	Detail	:	Schrift #ba55d3
Farbwert	:	#2e8b57	Farbwert	:	#ba55d3
Farbe	:	seagreen	Farbe	:	mediumorchid
HTML	:	#2e8b57	HTML	:	#ba55d3
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#ba55d3
CSS	:	#2e8b57	CSS	:	#ba55d3
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbwert #2e8b57 nach Schriftfarbwert #ba55d3
#2e8b57	#428368	#567b7a	#6a738c	#7e6c9d	#9264af	#a65cc1	#ba55d3
#2e8b57	#428368	#567b7a	#6a738c	#7e6c9d	#9264af	#a65cc1	#ba55d3

Kombination von #2e8b57 und #ba55d3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ba55d3 eignet sich nicht als Schriftfarbe auf Hintergrund #2e8b57. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit der Farben #ba55d3 und #2e8b57 ergibt sich zu 94.87%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.13%.

Hintergrundfarbwert #2e8b57				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#4b9b6f	#4b9b6f	#27774a	#27774a	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#69ac87	#69ac87	#20633e	#20633e	#cd85df	#cd85df	#843c96	#843c96
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#d79de5	#d79de5	#6a3078	#6a3078
#a5cdb7	#a5cdb7	#133b25	#133b25	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#ebcef2	#ebcef2	#35183c	#35183c
#e1eee7	#e1eee7	#06130c	#06130c	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #2e8b57 und Farbwert #ba55d3

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag q

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

Als Beispiel ändern wir bei <q> die Hintergrundfarbe auf Farbwert #2e8b57. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf monospace und ändern die Schriftgröße auf 9pt:

<style type="text/css"><!--
  q { 
    font-family: monospace; 
    font-size: 9pt; 
    background-color: #2e8b57;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #ba55d3 gesetzt wird.

<style type="text/css"><!--
  q:hover { 
    background-color:#ba55d3;
  }
//-->
</style>

Der HTML-Befehl q ist in der HTML Referenz unter <q> genau zusammengestellt.

Hintergrund/Text-Kombination von Tag button

Für dieses Beispiel ändern wir die Textfarbe von <button> auf Farbwert #ba55d3 und die Hintergrundfarbe von <button> auf Farbwert #2e8b57. Die Schriftart ändern wir auf verdana. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  button { 
    font-size:13px; 
    color:#ba55d3; 
    background-color:#2e8b57; 
    font-family:verdana;
  }
//-->
</style>

Mehr zu button können Sie in Formulare in HTML lesen. Weiteres zum Befehl button finden Sie in der HTML Referenz unter <button>.