Ressourcen: 120 HTML Farbnamen - Kombination von Farbe yellowgreen und Farbe darkcyan

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.

Hintergrundfarbe yellowgreen			Schriftfarbe darkcyan
Detail	:	Hintergrund yellowgreen	Detail	:	Schrift darkcyan
Farbe	:	yellowgreen	Farbe	:	darkcyan
Farbwert	:	#9acd32	Farbwert	:	#008b8b
HTML	:	yellowgreen	HTML	:	darkcyan
HTML (Wert)	:	#9acd32	HTML (Wert)	:	#008b8b
CSS	:	yellowgreen	CSS	:	darkcyan
CSS (Wert)	:	#9acd32	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#9acd32	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(154,205,50)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(60%,80%,19%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbe yellowgreen nach Schriftfarbe darkcyan
#9acd32	#84c33e	#6eba4b	#58b058	#42a764	#2c9d71	#16947e	#008b8b
#9acd32	#84c33e	#6eba4b	#58b058	#42a764	#2c9d71	#16947e	#008b8b

Kombination von yellowgreen und darkcyan
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von darkcyan und yellowgreen ergibt sich zu 89.52%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 10.48%. darkcyan ist nicht als Schriftfarbe auf Hintergrund yellowgreen geeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe yellowgreen				Schriftfarbe darkcyan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9acd32	#9acd32	#9acd32	#9acd32	#008b8b	#008b8b	#008b8b	#008b8b
#a8d44f	#a8d44f	#84af2a	#84af2a	#249b9b	#249b9b	#007777	#007777
#b6db6c	#b6db6c	#6e9223	#6e9223	#48acac	#48acac	#006363	#006363
#c5e289	#c5e289	#58751c	#58751c	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#d3e9a7	#d3e9a7	#425715	#425715	#91cdcd	#91cdcd	#003b3b	#003b3b
#e2f0c4	#e2f0c4	#2c3a0e	#2c3a0e	#b6dddd	#b6dddd	#002727	#002727
#f0f7e1	#f0f7e1	#161d07	#161d07	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe yellowgreen und Farbe darkcyan

Hintergrund/Text-Kombination von Befehl h5

Eine Überschrift der 5. Stufe setzen Sie mit HTML-Befehl <h5>. Diese kann farblich gestaltet und hervorgehoben werden.

Hier ändern wir die Textfarbe von <h5> auf Farbe darkcyan und die Hintergrundfarbe von <h5> auf Farbe yellowgreen. Als Schriftart setzen wir monospace und als Schriftgröße setzen wir 13pt.

<style type="text/css"><!--
  h5 { 
    color:darkcyan; 
    background-color:yellowgreen; 
    font-family:monospace; 
    font-size:13pt;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Befehl h5 lesen Sie in der HTML Referenz unter <h5>.

Wechsel der Hintergrundfarbe bei Hover bei Tag th

Die Hintergrundfarbe soll sich von Farbe yellowgreen auf Farbe darkcyan ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <th> in Farbe yellowgreen vor.

Wir legen für dieses Beispiel die Hintergrundfarbe von <th> auf Farbe yellowgreen fest und ändern die Größe der Schrift auf 13px.

<style type="text/css"><!--
  th { 
    font-size: 13px; 
    background-color: yellowgreen;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf darkcyan gesetzt wird.

<style type="text/css"><!--
  th: hover { 
    background-color: darkcyan;
  }
//-->
</style>

Mehr zu th können Sie in Tabellen in HTML nachlesen. Mehr zum hier verwendeten HTML-Tag th ist in der HTML Referenz bei <th> ausführlich gezeigt.