Ressourcen: 120 HTML Farbnamen - Kombination von Farbe gainsboro und Farbwert #ff7f50

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 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ff7f50 eignet sich nicht als Schriftfarbe auf Hintergrund gainsboro. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #ff7f50 und gainsboro beträgt 91.32%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 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

Text- und Unterstreichungsfarben mit Tag a

Mit HTML-Tag <a> setzen Sie einen Verweis. Diesen kann man hervorheben und farblich gestalten.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbwert #ff7f50. Die Schriftart setzen wir auf arial. Die Schriftgröße vergrößern wir auf 115%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 3 Punkte Dicke in Farbe gainsboro. Mit HTML ist dies kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    font-family: arial; 
    border-bottom: 3pt ridge gainsboro; 
    font-size: 115%; 
    color: #ff7f50;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema a finden Sie in Verweise und Protokolle in HTML. Der hier verwendete HTML-Befehl a ist in der HTML Referenz bei <a> beschrieben.

Wechsel der Hintergrundfarbe bei Hover von Befehl h3

Mit HTML-Tag <h3> setzen Sie eine Überschrift und kann hervorgehoben und farblich gestaltet werden.

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

Wir legen hier Farbe gainsboro als Hintergrundfarbe von <h3> fest. Die Textfarbe behalten wir bei. Die Schriftart ändern wir auf arial:

<style type="text/css"><!--
  h3 { 
    background-color:gainsboro; 
    font-family:arial;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #ff7f50 gesetzt wird.

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

Weiteres zu h3 lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Tag <h3>.