Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f08080 und Farbe orangered

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.

Hintergrundfarbwert #f08080			Schriftfarbe orangered
Detail	:	Hintergrund #f08080	Detail	:	Schrift orangered
Farbwert	:	#f08080	Farbe	:	orangered
Farbe	:	lightcoral	Farbwert	:	#ff4500
HTML	:	#f08080	HTML	:	orangered
HTML (Wert)	:	#f08080	HTML (Wert)	:	#ff4500
CSS	:	#f08080	CSS	:	orangered
CSS (Wert)	:	#f08080	CSS (Wert)	:	#ff4500
CSS (kürzest)	:	#f08080	CSS (kürzest)	:	#ff4500
CSS (RGB)	:	rgb(240,128,128)	CSS (RGB)	:	rgb(255,69,0)
CSS (%RGB)	:	rgb(94%,50%,50%)	CSS (%RGB)	:	rgb(100%,27%,0%)

Verlauf Hintergrundfarbwert #f08080 nach Schriftfarbe orangered
#f08080	#f2776d	#f46f5b	#f66649	#f85e36	#fa5524	#fc4d12	#ff4500
#f08080	#f2776d	#f46f5b	#f66649	#f85e36	#fa5524	#fc4d12	#ff4500

Kombination von #f08080 und orangered
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit der Farben orangered und #f08080 beträgt 93.68%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.32%. Auf Hintergrund #f08080 ist orangered ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #f08080				Schriftfarbe orangered
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f08080	#f08080	#f08080	#f08080	#ff4500	#ff4500	#ff4500	#ff4500
#f29292	#f29292	#cd6d6d	#cd6d6d	#ff5f24	#ff5f24	#da3b00	#da3b00
#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b	#ff7a48	#ff7a48	#b63100	#b63100
#f6b6b6	#f6b6b6	#894949	#894949	#ff946d	#ff946d	#912700	#912700
#f8c8c8	#f8c8c8	#663636	#663636	#ffaf91	#ffaf91	#6d1d00	#6d1d00
#fadada	#fadada	#442424	#442424	#ffc9b6	#ffc9b6	#481300	#481300
#fcecec	#fcecec	#221212	#221212	#ffe4da	#ffe4da	#240900	#240900
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f08080 und Farbe orangered

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl address

Die Hintergrundfarbe soll sich von Farbwert #f08080 auf Farbe orangered ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <address> in Farbwert #f08080 vor.

In diesem Beispiel legen wir bei <address> die Hintergrundfarbe auf Farbwert #f08080 fest.

<style type="text/css"><!--
  address { 
    background-color:#f08080;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf orangered gesetzt wird.

<style type="text/css"><!--
  address:hover { 
    background-color:orangered;
  }
//-->
</style>

Weiteres zu address lesen Sie in Blockorientierte Elemente in HTML. Weiteres zum hier gezeigten HTML-Befehl address erfahren Sie in der HTML Referenz unter <address>.

Füllen und Umranden von Befehl abbr

Hier umranden wir <abbr> mit einem . Den Hintergrund von <abbr> setzen wir auf Farbwert #f08080. Mit HTML geht das nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  abbr { border:1pt groove orangered; background-color:#f08080; }
//-->
</style>

Die Beschreibung des hier genutzten Befehl abbr lesen Sie in der HTML Referenz unter <abbr>.