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

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

Verlauf Hintergrundfarbe yellowgreen nach Schriftfarbwert #c0c0c0
#9acd32	#9fcb46	#a4c95a	#aac76e	#afc583	#b5c397	#bac1ab	#c0c0c0
#9acd32	#9fcb46	#a4c95a	#aac76e	#afc583	#b5c397	#bac1ab	#c0c0c0

Kombination von yellowgreen und #c0c0c0
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.				#c0c0c0 ist nicht als Schriftfarbe auf Hintergrund yellowgreen geeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von #c0c0c0 und yellowgreen beträgt 95.07%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.93%.

Hintergrundfarbe yellowgreen				Schriftfarbwert #c0c0c0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9acd32	#9acd32	#9acd32	#9acd32	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#a8d44f	#a8d44f	#84af2a	#84af2a	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#b6db6c	#b6db6c	#6e9223	#6e9223	#d2d2d2	#d2d2d2	#898989	#898989
#c5e289	#c5e289	#58751c	#58751c	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#d3e9a7	#d3e9a7	#425715	#425715	#e4e4e4	#e4e4e4	#525252	#525252
#e2f0c4	#e2f0c4	#2c3a0e	#2c3a0e	#ededed	#ededed	#363636	#363636
#f0f7e1	#f0f7e1	#161d07	#161d07	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe yellowgreen und Farbwert #c0c0c0

Füllen und Umranden von Befehl tr

Für dieses Beispiel umranden wir <tr> mit einem 5 Pixel dicken, doppelten Rahmen in Farbwert #c0c0c0 . Die Hintergrundfarbe für <tr> färben wir mit Farbe yellowgreen. Mit HTML ist dies nicht machbar. Wir verwenden daher CSS.

<style type="text/css"><!--
  tr { border:5px double #c0c0c0; background-color:yellowgreen; }
//-->
</style>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Weiteres zum HTML-Tag tr lesen Sie in der HTML Referenz unter <tr>.

Wechsel der Textfarbe bei Hover mit Tag p

Die Textfarbe soll sich von Farbe yellowgreen auf Farbwert #c0c0c0 ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Darstellung von <p> in Farbe yellowgreen vor.

In diesem Beispiel legen wir bei <p> die Textfarbe auf Farbe yellowgreen fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  p { 
    font-family: monospace; 
    color: yellowgreen;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #c0c0c0 ändert.

<style type="text/css"><!--
  p:hover { 
    color:#c0c0c0;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Die Beschreibung vom hier genutzten Tag p finden Sie in der HTML Referenz unter <p>.