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

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.

Hintergrundfarbwert #c0c0c0			Schriftfarbwert #ff7f50
Detail	:	Hintergrund #c0c0c0	Detail	:	Schrift #ff7f50
Farbwert	:	#c0c0c0	Farbwert	:	#ff7f50
Farbe	:	silver	Farbe	:	coral
HTML	:	#c0c0c0	HTML	:	#ff7f50
HTML (Wert)	:	#c0c0c0	HTML (Wert)	:	#ff7f50
CSS	:	#c0c0c0	CSS	:	#ff7f50
CSS (Wert)	:	#c0c0c0	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#c0c0c0	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(192,192,192)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(75%,75%,75%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbwert #c0c0c0 nach Schriftfarbwert #ff7f50
#c0c0c0	#c9b6b0	#d2ada0	#dba490	#e49a80	#ed9170	#f68860	#ff7f50
#c0c0c0	#c9b6b0	#d2ada0	#dba490	#e49a80	#ed9170	#f68860	#ff7f50

Kombination von #c0c0c0 und #ff7f50
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #ff7f50 und #c0c0c0 ergibt sich zu 93.46%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.54%. #ff7f50 eignet sich nicht als Schriftfarbe auf Hintergrund #c0c0c0. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #c0c0c0				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4	#ff9169	#ff9169	#da6c44	#da6c44
#d2d2d2	#d2d2d2	#898989	#898989	#ffa382	#ffa382	#b65a39	#b65a39
#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d	#ffb59b	#ffb59b	#91482d	#91482d
#e4e4e4	#e4e4e4	#525252	#525252	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#ededed	#ededed	#363636	#363636	#ffdacd	#ffdacd	#482416	#482416
#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #c0c0c0 und Farbwert #ff7f50

Wechsel der Umrandung bei Hover von HTML-Befehl div

Einen Kontainer erzeugt man mit Tag <div> und kann farblich gestaltet und hervorgehoben werden.

Die Rahmenfarbe soll sich von Farbwert #c0c0c0 auf Farbwert #ff7f50 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <div> in Farbwert #c0c0c0 vor.

In diesem Beispiel umranden wir <div> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #c0c0c0.

<style type="text/css"><!--
  div { border:4px dotted #c0c0c0; }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #ff7f50 geändert wird.

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

Die Beschreibung des Befehl div erfahren Sie in der HTML Referenz unter <div>.

Hintergrund/Text-Kombination bei HTML-Befehl tr

Wir ändern in diesem Beispiel die Textfarbe von <tr> auf Farbwert #ff7f50 und die Hintergrundfarbe von <tr> auf Farbwert #c0c0c0. Als Schriftart wählen wir arial. Die Schriftgröße setzen wir auf 113%.

<style type="text/css"><!--
  tr { 
    font-family: arial; 
    color: #ff7f50; 
    background-color: #c0c0c0; 
    font-size: 113%;
  }
//-->
</style>

Weiteres zum Thema können Sie in Tabellen in HTML finden. Weiteres zum HTML-Tag <tr>.