Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkseagreen und Farbwert #66cdaa

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 darkseagreen			Schriftfarbwert #66cdaa
Detail	:	Hintergrund darkseagreen	Detail	:	Schrift #66cdaa
Farbe	:	darkseagreen	Farbwert	:	#66cdaa
Farbwert	:	#8fbc8f	Farbe	:	mediumaquamarine
HTML	:	darkseagreen	HTML	:	#66cdaa
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#66cdaa
CSS	:	darkseagreen	CSS	:	#66cdaa
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#66cdaa
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#66cdaa
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(102,205,170)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(40%,80%,66%)

Verlauf Hintergrundfarbe darkseagreen nach Schriftfarbwert #66cdaa
#8fbc8f	#89be92	#83c096	#7dc39a	#77c59e	#71c8a2	#6bcaa6	#66cdaa
#8fbc8f	#89be92	#83c096	#7dc39a	#77c59e	#71c8a2	#6bcaa6	#66cdaa

Kombination von darkseagreen und #66cdaa
Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#66cdaa ist nicht als Schriftfarbe auf Hintergrund darkseagreen geeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #66cdaa und darkseagreen ergibt sich zu 94.69%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.31%.

Hintergrundfarbe darkseagreen				Schriftfarbwert #66cdaa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#66cdaa	#66cdaa	#66cdaa	#66cdaa
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#7bd4b6	#7bd4b6	#57af91	#57af91
#afcfaf	#afcfaf	#668666	#668666	#91dbc2	#91dbc2	#489279	#489279
#bfd8bf	#bfd8bf	#516b51	#516b51	#a7e2ce	#a7e2ce	#3a7561	#3a7561
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#bde9da	#bde9da	#2b5748	#2b5748
#dfebdf	#dfebdf	#283528	#283528	#d3f0e6	#d3f0e6	#1d3a30	#1d3a30
#eff5ef	#eff5ef	#141a14	#141a14	#e9f7f2	#e9f7f2	#0e1d18	#0e1d18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkseagreen und Farbwert #66cdaa

Wechsel der Textfarbe bei Hover bei Tag h3

Eine Überschrift der 3. Stufe erzeugen Sie mit HTML-Tag <h3>. Diese können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe darkseagreen auf Farbwert #66cdaa ändern, wenn man mit der Maus auf <h3> zeigt. Bereiten wir zunächst die Formatierung von <h3> in Farbe darkseagreen vor.

Für dieses Beispiel legen wir Farbe darkseagreen als Textfarbe von <h3> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf verdana und vergrößern die Schriftgröße auf 118%.

<style type="text/css"><!--
  h3 { 
    font-family:verdana; 
    color:darkseagreen; 
    font-size:118%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #66cdaa ändert.

<style type="text/css"><!--
  h3:hover { 
    color:#66cdaa;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten vom hier gezeigten Tag <h3>.

Hintergrund/Text-Kombination mit Befehl var

Hier ändern wir die Textfarbe von <var> auf Farbwert #66cdaa und die Hintergrundfarbe von <var> auf Farbe darkseagreen. Als Schriftart setzen wir sans-serif und als Schriftgröße entscheiden wir uns für 94%.

<style type="text/css"><!--
  var { 
    color: #66cdaa; 
    font-size: 94%; 
    background-color: darkseagreen; 
    font-family: sans-serif;
  }
//-->
</style>

Weiteres zu var finden Sie in Text in HTML. Beschreibung vom hier gezeigten Befehl <var>.