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

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 #ffffe0
Detail	:	Hintergrund lightcoral	Detail	:	Schrift #ffffe0
Farbe	:	lightcoral	Farbwert	:	#ffffe0
Farbwert	:	#f08080	Farbe	:	lightyellow
HTML	:	lightcoral	HTML	:	#ffffe0
HTML (Wert)	:	#f08080	HTML (Wert)	:	#ffffe0
CSS	:	lightcoral	CSS	:	#ffffe0
CSS (Wert)	:	#f08080	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#f08080	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(240,128,128)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(94%,50%,50%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbe lightcoral nach Schriftfarbwert #ffffe0
#f08080	#f2928d	#f4a49b	#f6b6a9	#f8c8b6	#fadac4	#fcecd2	#ffffe0
#f08080	#f2928d	#f4a49b	#f6b6a9	#f8c8b6	#fadac4	#fcecd2	#ffffe0

Kombination von lightcoral und #ffffe0
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffffe0 eignet sich nicht als Schriftfarbe auf Hintergrund lightcoral, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #ffffe0 und lightcoral beträgt 87.88%. Die Lesbarkeit dieser Kombination liegt damit bei 12.12%.

Hintergrundfarbe lightcoral				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f08080	#f08080	#f08080	#f08080	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#f29292	#f29292	#cd6d6d	#cd6d6d	#ffffe4	#ffffe4	#dadac0	#dadac0
#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#f6b6b6	#f6b6b6	#894949	#894949	#ffffed	#ffffed	#919180	#919180
#f8c8c8	#f8c8c8	#663636	#663636	#fffff1	#fffff1	#6d6d60	#6d6d60
#fadada	#fadada	#442424	#442424	#fffff6	#fffff6	#484840	#484840
#fcecec	#fcecec	#221212	#221212	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcoral und Farbwert #ffffe0

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl fieldset

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

Wir legen als Beispiel Farbe lightcoral als Hintergrundfarbe von <fieldset> fest.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #ffffe0 gesetzt wird.

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

Weiteres zu fieldset können Sie in Formulare in HTML nachlesen. Der HTML-Befehl fieldset ist in der HTML Referenz unter <fieldset> ausführlich gezeigt.

Wechsel der Textfarbe bei Hover bei HTML-Befehl a

Ein Hyperlink wird mit Befehl <a> erzeugt. Diesen können Sie farblich gestalten und hervorheben.

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

Wir setzen z.B. die Textfarbe von <a> auf Farbe lightcoral.

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

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #ffffe0 geändert wird.

<style type="text/css"><!--
  a:hover { 
    color:#ffffe0;
  }
//-->
</style>

Mehr zu a finden Sie in Verweise und Protokolle in HTML. Weiteres zum hier genutzten Befehl a lesen Sie in der HTML Referenz unter <a>.