Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightcoral und Farbwert #ff4500

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 lightcoral			Schriftfarbwert #ff4500
Detail	:	Hintergrund lightcoral	Detail	:	Schrift #ff4500
Farbe	:	lightcoral	Farbwert	:	#ff4500
Farbwert	:	#f08080	Farbe	:	orangered
HTML	:	lightcoral	HTML	:	#ff4500
HTML (Wert)	:	#f08080	HTML (Wert)	:	#ff4500
CSS	:	lightcoral	CSS	:	#ff4500
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 Hintergrundfarbe lightcoral nach Schriftfarbwert #ff4500
#f08080	#f2776d	#f46f5b	#f66649	#f85e36	#fa5524	#fc4d12	#ff4500
#f08080	#f2776d	#f46f5b	#f66649	#f85e36	#fa5524	#fc4d12	#ff4500

Kombination von lightcoral und #ff4500
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 #ff4500 und lightcoral beträgt 93.68%. Die Lesbarkeit dieser Kombination liegt damit bei 6.32%. #ff4500 eignet sich nicht als Schriftfarbe auf Hintergrund lightcoral, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe lightcoral				Schriftfarbwert #ff4500
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 Farbe lightcoral und Farbwert #ff4500

Wechsel der Umrandung bei Hover mit Befehl hr

Die Rahmenfarbe soll sich von Farbe lightcoral auf Farbwert #ff4500 ändern, wenn man mit der Maus auf <hr> zeigt. Wir bereiten zunächst eine Formatierung von <hr> in Farbe lightcoral vor.

In diesem Beispiel umranden wir <hr> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe lightcoral.

<style type="text/css"><!--
  hr { border:4px ridge lightcoral; }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf #ff4500 gesetzt wird.

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

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des HTML-Tag <hr>.

Zebra-Effekt mit Tag tr

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit den Hintergrundfarben Farbe lightcoral und Farbwert #ff4500.

<style type="text/css"><!--
  tr.gerade { 
    background-color: lightcoral;
  }
  tr.ungerade { 
    background-color: #ff4500;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="gerade"><td>Xa,a</td><td>Xb,a</td><td>Xc,a</td></tr>
<tr class="ungerade"><td>Xa,b</td><td>Xb,b</td><td>Xc,b</td></tr>
<tr class="gerade"><td>Xa,c</td><td>Xb,c</td><td>Xc,c</td></tr>
</table>

Weiteres zu tr können Sie in Tabellen in HTML nachlesen. Mehr zum Tag tr ist in der HTML Referenz unter <tr> ausführlich zusammengestellt.