Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightyellow 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 lightyellow			Schriftfarbwert #ff7f50
Detail	:	Hintergrund lightyellow	Detail	:	Schrift #ff7f50
Farbe	:	lightyellow	Farbwert	:	#ff7f50
Farbwert	:	#ffffe0	Farbe	:	coral
HTML	:	lightyellow	HTML	:	#ff7f50
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#ff7f50
CSS	:	lightyellow	CSS	:	#ff7f50
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbe lightyellow nach Schriftfarbwert #ff7f50
#ffffe0	#ffeccb	#ffdab6	#ffc8a2	#ffb58d	#ffa379	#ff9164	#ff7f50
#ffffe0	#ffeccb	#ffdab6	#ffc8a2	#ffb58d	#ffa379	#ff9164	#ff7f50

Kombination von lightyellow und #ff7f50
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#ff7f50 ist nicht als Schriftfarbe auf Hintergrund lightyellow geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #ff7f50 und lightyellow beträgt 88.31%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 11.69%.

Hintergrundfarbe lightyellow				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#ffffe4	#ffffe4	#dadac0	#dadac0	#ff9169	#ff9169	#da6c44	#da6c44
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#ffa382	#ffa382	#b65a39	#b65a39
#ffffed	#ffffed	#919180	#919180	#ffb59b	#ffb59b	#91482d	#91482d
#fffff1	#fffff1	#6d6d60	#6d6d60	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#fffff6	#fffff6	#484840	#484840	#ffdacd	#ffdacd	#482416	#482416
#fffffa	#fffffa	#242420	#242420	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightyellow und Farbwert #ff7f50

Wechsel der Hintergrundfarbe bei Hover von Befehl td

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

Wir legen zum Beispiel bei <td> die Hintergrundfarbe auf Farbe lightyellow fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  td { 
    font-family: monospace; 
    background-color: lightyellow;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe zu #ff7f50 ändert.

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

Mehr zu td finden Sie in Tabellen in HTML. Die Beschreibung vom hier genutzten HTML-Tag td finden Sie in der HTML Referenz unter <td>.

Wechsel der Umrandung bei Hover mit Befehl code

Die Rahmenfarbe soll sich von Farbe lightyellow auf Farbwert #ff7f50 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <code> in Farbe lightyellow vor.

In diesem Beispiel umranden wir <code> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe lightyellow.

<style type="text/css"><!--
  code { border:2px double lightyellow; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #ff7f50 ändert.

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

Weiteres zum Thema lesen Sie in Text in HTML. Mehr zum hier gezeigten Tag <code>.