Ressourcen: 137 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #90ee90

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 seagreen			Schriftfarbwert #90ee90
Detail	:	Hintergrund seagreen	Detail	:	Schrift #90ee90
Farbe	:	seagreen	Farbwert	:	#90ee90
Farbwert	:	#2e8b57	Farbe	:	lightgreen
HTML	:	seagreen	HTML	:	#90ee90
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#90ee90
CSS	:	seagreen	CSS	:	#90ee90
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #90ee90
#2e8b57	#3c995f	#4aa767	#58b56f	#66c377	#74d17f	#82df87	#90ee90
#2e8b57	#3c995f	#4aa767	#58b56f	#66c377	#74d17f	#82df87	#90ee90

Kombination von seagreen und #90ee90
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#90ee90 ist nicht als Schriftfarbe auf Hintergrund seagreen geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #90ee90 und seagreen ergibt sich zu 85.74%. Die Lesbarkeit dieser Kombination bewerte ich mit 14.26%.

Hintergrundfarbe seagreen				Schriftfarbwert #90ee90
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#90ee90	#90ee90	#90ee90	#90ee90
#4b9b6f	#4b9b6f	#27774a	#27774a	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#69ac87	#69ac87	#20633e	#20633e	#aff2af	#aff2af	#66aa66	#66aa66
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#bff5bf	#bff5bf	#528852	#528852
#a5cdb7	#a5cdb7	#133b25	#133b25	#cff7cf	#cff7cf	#3d663d	#3d663d
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#dffadf	#dffadf	#294429	#294429
#e1eee7	#e1eee7	#06130c	#06130c	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #90ee90

Text- und Unterstreichungsfarben von Befehl var

Wir ändern für dieses Beispiel die Textfarbe von <var> auf Farbwert #90ee90. Die Schriftart ändern wir auf arial und ändern die Schriftgröße auf 9pt. Wir unterstreichen den Inhalt von <var> mit Hilfe eines gestrichelten Rahmens mit 5 Punkte Dicke in Farbe seagreen. Dies geht in HTML nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  var { 
    color: #90ee90; 
    font-size: 9pt; 
    border-bottom: 5pt dashed seagreen; 
    font-family: arial;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema erfahren Sie in Text in HTML. Weiteres zum hier verwendeten Tag <var>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl strong

Die Hintergrundfarbe soll sich von Farbe seagreen auf Farbwert #90ee90 ändern, wenn man mit der Maus auf <strong> zeigt. Bereiten wir zunächst die Formatierung von <strong> in Farbe seagreen vor.

In diesem Beispiel setzen wir die Hintergrundfarbe von <strong> auf Farbe seagreen. Die Größe der Schrift verkleinern wir auf 99%.

<style type="text/css"><!--
  strong { 
    background-color:seagreen; 
    font-size:99%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #90ee90 ändert.

<style type="text/css"><!--
  strong:hover { 
    background-color:#90ee90;
  }
//-->
</style>

Mehr zum Thema strong können Sie in Text in HTML nachsehen. Mehr zum HTML-Tag strong ist in der HTML Referenz bei <strong> beschrieben.