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

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 #b0e0e6
Detail	:	Hintergrund lightcoral	Detail	:	Schrift #b0e0e6
Farbe	:	lightcoral	Farbwert	:	#b0e0e6
Farbwert	:	#f08080	Farbe	:	powderblue
HTML	:	lightcoral	HTML	:	#b0e0e6
HTML (Wert)	:	#f08080	HTML (Wert)	:	#b0e0e6
CSS	:	lightcoral	CSS	:	#b0e0e6
CSS (Wert)	:	#f08080	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#f08080	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(240,128,128)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(94%,50%,50%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbe lightcoral nach Schriftfarbwert #b0e0e6
#f08080	#e68d8e	#dd9b9d	#d4a9ab	#cbb6ba	#c2c4c8	#b9d2d7	#b0e0e6
#f08080	#e68d8e	#dd9b9d	#d4a9ab	#cbb6ba	#c2c4c8	#b9d2d7	#b0e0e6

Kombination von lightcoral und #b0e0e6
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#b0e0e6 ist nicht als Schriftfarbe auf Hintergrund lightcoral geeignet, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #b0e0e6 und lightcoral ergibt sich zu 91.39%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.61%.

Hintergrundfarbe lightcoral				Schriftfarbwert #b0e0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f08080	#f08080	#f08080	#f08080	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#f29292	#f29292	#cd6d6d	#cd6d6d	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#f6b6b6	#f6b6b6	#894949	#894949	#d1edf0	#d1edf0	#648083	#648083
#f8c8c8	#f8c8c8	#663636	#663636	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#fadada	#fadada	#442424	#442424	#e8f6f7	#e8f6f7	#324041	#324041
#fcecec	#fcecec	#221212	#221212	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcoral und Farbwert #b0e0e6

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag strong

Die Hintergrundfarbe soll sich von Farbe lightcoral auf Farbwert #b0e0e6 ändern, wenn man mit der Maus auf <strong> zeigt. Wir bereiten zunächst die Formatierung von <strong> in Farbe lightcoral vor.

Für dieses Beispiel legen wir Farbe lightcoral als Hintergrundfarbe von <strong> fest:

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

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #b0e0e6 ändert.

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

Weiteres zum Thema strong finden Sie in Text in HTML. Weiteres zum hier gezeigten HTML-Tag strong ist in der HTML Referenz unter <strong> ausführlich beschrieben.

Zebra-Effekt mit Befehl th

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit unterschiedlichen Hintergrundfarben Farbe lightcoral und Farbwert #b0e0e6.

<style type="text/css"><!--
  th.yang { 
    background-color: lightcoral;
  }
  th.ying { 
    background-color: #b0e0e6;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr><td class="yang">I1-1</td><td class="ying">I2-1</td><td class="yang">I3-1</td></tr>
<tr><td class="yang">I1-2</td><td class="ying">I2-2</td><td class="yang">I3-2</td></tr>
<tr><td class="yang">I1-3</td><td class="ying">I2-3</td><td class="yang">I3-3</td></tr>
</table>

Weiteres zu th finden Sie in Tabellen in HTML. Mehr zum Tag th ist in der HTML Referenz unter <th> genau beschrieben.