Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #66cdaa und Farbwert #3cb371

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.

Hintergrundfarbwert #66cdaa			Schriftfarbwert #3cb371
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift #3cb371
Farbwert	:	#66cdaa	Farbwert	:	#3cb371
Farbe	:	mediumaquamarine	Farbe	:	mediumseagreen
HTML	:	#66cdaa	HTML	:	#3cb371
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#3cb371
CSS	:	#66cdaa	CSS	:	#3cb371
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbwert #3cb371
#66cdaa	#60c9a1	#5ac599	#54c191	#4ebe89	#48ba81	#42b679	#3cb371
#66cdaa	#60c9a1	#5ac599	#54c191	#4ebe89	#48ba81	#42b679	#3cb371

Kombination von #66cdaa und #3cb371
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit der Farben #3cb371 und #66cdaa ergibt sich zu 93.43%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.57%. #3cb371 eignet sich nicht als Schriftfarbe auf Hintergrund #66cdaa, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbwert #66cdaa				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#3cb371	#3cb371	#3cb371	#3cb371
#7bd4b6	#7bd4b6	#57af91	#57af91	#57bd85	#57bd85	#339960	#339960
#91dbc2	#91dbc2	#489279	#489279	#73c899	#73c899	#2a7f50	#2a7f50
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#8fd3ad	#8fd3ad	#226640	#226640
#bde9da	#bde9da	#2b5748	#2b5748	#abdec2	#abdec2	#194c30	#194c30
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#c7e9d6	#c7e9d6	#113320	#113320
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #66cdaa und Farbwert #3cb371

Text- und Unterstreichungsfarben bei HTML-Tag caption

In diesem Beispiel ändern wir die Textfarbe von <caption> auf Farbwert #3cb371 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 113%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gepunkteten Rahmens mit 4 Pixel Dicke in Farbwert #66cdaa. Das ist in HTML kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  caption { 
    color: #3cb371; 
    font-family: sans-serif; 
    border-bottom: 4px dotted #66cdaa; 
    font-size: 113%;
  }
//-->
</style>

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

Weiteres zum Thema caption können Sie in Tabellen in HTML finden. Beschreibung des hier verwendeten HTML-Tag <caption>.

Wechsel der Umrandung bei Hover bei HTML-Tag frameset

Die Rahmenfarbe soll sich von Farbwert #66cdaa auf Farbwert #3cb371 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <frameset> in Farbwert #66cdaa vor.

In diesem Beispiel umranden wir <frameset> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #66cdaa.

<style type="text/css"><!--
  frameset { border:4px outset #66cdaa; }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe auf #3cb371 ändert.

<style type="text/css"><!--
  frameset:hover { 
    border-color:#3cb371;
  }
//-->
</style>

Zur Beschreibung des hier gezeigten Befehl <frameset>.