Ressourcen: 137 HTML Farbnamen - Kombination von Farbe yellowgreen und Farbwert #696969

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 yellowgreen			Schriftfarbwert #696969
Detail	:	Hintergrund yellowgreen	Detail	:	Schrift #696969
Farbe	:	yellowgreen	Farbwert	:	#696969
Farbwert	:	#9acd32	Farbe	:	dimgray
HTML	:	yellowgreen	HTML	:	#696969
HTML (Wert)	:	#9acd32	HTML (Wert)	:	#696969
CSS	:	yellowgreen	CSS	:	#696969
CSS (Wert)	:	#9acd32	CSS (Wert)	:	#696969
CSS (kürzest)	:	#9acd32	CSS (kürzest)	:	#696969
CSS (RGB)	:	rgb(154,205,50)	CSS (RGB)	:	rgb(105,105,105)
CSS (%RGB)	:	rgb(60%,80%,19%)	CSS (%RGB)	:	rgb(41%,41%,41%)

Verlauf Hintergrundfarbe yellowgreen nach Schriftfarbwert #696969
#9acd32	#93be39	#8cb041	#85a249	#7e9351	#778559	#707761	#696969
#9acd32	#93be39	#8cb041	#85a249	#7e9351	#778559	#707761	#696969

Kombination von yellowgreen und #696969
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #696969 und yellowgreen beträgt 86.12%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.88%. Auf Hintergrund yellowgreen ist #696969 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe yellowgreen				Schriftfarbwert #696969
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9acd32	#9acd32	#9acd32	#9acd32	#696969	#696969	#696969	#696969
#a8d44f	#a8d44f	#84af2a	#84af2a	#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a
#b6db6c	#b6db6c	#6e9223	#6e9223	#939393	#939393	#4b4b4b	#4b4b4b
#c5e289	#c5e289	#58751c	#58751c	#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c
#d3e9a7	#d3e9a7	#425715	#425715	#bebebe	#bebebe	#2d2d2d	#2d2d2d
#e2f0c4	#e2f0c4	#2c3a0e	#2c3a0e	#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e
#f0f7e1	#f0f7e1	#161d07	#161d07	#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe yellowgreen und Farbwert #696969

Wechsel der Umrandung bei Hover bei Tag h4

Eine Überschrift der 4. Stufe setzt man mit HTML-Befehl <h4>. Diese kann man hervorheben und farblich gestalten.

Die Rahmenfarbe soll sich von Farbe yellowgreen auf Farbwert #696969 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <h4> in Farbe yellowgreen vor.

In diesem Beispiel umranden wir <h4> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe yellowgreen.

<style type="text/css"><!--
  h4 { border:4px ridge yellowgreen; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #696969 gesetzt wird.

<style type="text/css"><!--
  h4: hover { 
    border-color: #696969;
  }
//-->
</style>

Weiteres zu h4 lesen Sie in Grundlegende Gestaltungselemente in HTML. Der Befehl h4 ist in der HTML Referenz unter <h4> ausführlich beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit Tag tfoot

Die Hintergrundfarbe soll sich von Farbe yellowgreen auf Farbwert #696969 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <tfoot> in Farbe yellowgreen vor.

Wir legen in diesem Beispiel Farbe yellowgreen als Hintergrundfarbe von <tfoot> fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf arial. Die Schriftgröße vergrößern wir auf 118%:

<style type="text/css"><!--
  tfoot { 
    font-family:arial; 
    font-size:118%; 
    background-color:yellowgreen;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #696969 ändert.

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

Mehr zum Thema tfoot lesen Sie in Tabellen in HTML. Mehr zum hier verwendeten HTML-Befehl tfoot finden Sie in der HTML Referenz unter <tfoot>.