Ressourcen: 120 HTML Farbnamen - Kombination von Farbe firebrick und Farbwert #fa8072

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 firebrick			Schriftfarbwert #fa8072
Detail	:	Hintergrund firebrick	Detail	:	Schrift #fa8072
Farbe	:	firebrick	Farbwert	:	#fa8072
Farbwert	:	#b22222	Farbe	:	salmon
HTML	:	firebrick	HTML	:	#fa8072
HTML (Wert)	:	#b22222	HTML (Wert)	:	#fa8072
CSS	:	firebrick	CSS	:	#fa8072
CSS (Wert)	:	#b22222	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbe firebrick nach Schriftfarbwert #fa8072
#b22222	#bc2f2d	#c63c38	#d04a44	#db574f	#e5655b	#ef7266	#fa8072
#b22222	#bc2f2d	#c63c38	#d04a44	#db574f	#e5655b	#ef7266	#fa8072

Kombination von firebrick und #fa8072
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.				#fa8072 ist nicht als Schriftfarbe auf Hintergrund firebrick geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von #fa8072 und firebrick beträgt 87.29%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.71%.

Hintergrundfarbe firebrick				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#fa8072	#fa8072	#fa8072	#fa8072
#bd4141	#bd4141	#981d1d	#981d1d	#fa9286	#fa9286	#d66d61	#d66d61
#c86161	#c86161	#7f1818	#7f1818	#fba49a	#fba49a	#b25b51	#b25b51
#d38080	#d38080	#651313	#651313	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#e9bfbf	#e9bfbf	#320909	#320909	#fddad6	#fddad6	#472420	#472420
#f4dfdf	#f4dfdf	#190404	#190404	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe firebrick und Farbwert #fa8072

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag center

Die Hintergrundfarbe soll sich von Farbe firebrick auf Farbwert #fa8072 ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst die Darstellung von <center> in Farbe firebrick vor.

In diesem Beispiel legen wir Farbe firebrick als Hintergrundfarbe von <center> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf monospace. Die Schriftgröße setzen wir auf 84%.

<style type="text/css"><!--
  center { 
    font-size: 84%; 
    background-color: firebrick; 
    font-family: monospace;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #fa8072 ändert.

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

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten des hier genutzten Tag center lesen Sie in der HTML Referenz unter <center>.