Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gainsboro 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.

Hintergrundfarbe gainsboro			Schriftfarbwert #ff7f50
Detail	:	Hintergrund gainsboro	Detail	:	Schrift #ff7f50
Farbe	:	gainsboro	Farbwert	:	#ff7f50
Farbwert	:	#dcdcdc	Farbe	:	coral
HTML	:	gainsboro	HTML	:	#ff7f50
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#ff7f50
CSS	:	gainsboro	CSS	:	#ff7f50
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbe gainsboro nach Schriftfarbwert #ff7f50
#dcdcdc	#e1cec8	#e6c1b4	#ebb4a0	#f0a68c	#f59978	#fa8c64	#ff7f50
#dcdcdc	#e1cec8	#e6c1b4	#ebb4a0	#f0a68c	#f59978	#fa8c64	#ff7f50

Kombination von gainsboro und #ff7f50
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.				#ff7f50 ist nicht als Schriftfarbe auf Hintergrund gainsboro geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #ff7f50 und gainsboro ergibt sich zu 91.32%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.68%.

Hintergrundfarbe gainsboro				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#ff9169	#ff9169	#da6c44	#da6c44
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#ffa382	#ffa382	#b65a39	#b65a39
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#ffb59b	#ffb59b	#91482d	#91482d
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#ffdacd	#ffdacd	#482416	#482416
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gainsboro und Farbwert #ff7f50

Füllen und Umranden mit Befehl hr

In diesem Beispiel umranden wir <hr> mit einem gepunkteten, 1 Pixel dicken Rahmen in Farbwert #ff7f50 . Den Hintergrund von <hr> färben wir mit Farbe gainsboro. Dies ist mit HTML kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  hr { border:1px dotted #ff7f50; background-color:gainsboro; }
//-->
</style>

Mehr zu hr können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Mehr zum hier verwendeten Befehl hr ist in der HTML Referenz unter <hr> zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl tbody

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

Zum Beispiel legen wir Farbe gainsboro als Hintergrundfarbe von <tbody> fest.

<style type="text/css"><!--
  tbody { 
    background-color: gainsboro;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #ff7f50 gesetzt wird.

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

Weiteres zu tbody können Sie in Tabellen in HTML erfahren. Weiteres zum hier gezeigten Befehl <tbody>.