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

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 #f5f5f5			Schriftfarbe lightcoral
Detail	:	Hintergrund #f5f5f5	Detail	:	Schrift lightcoral
Farbwert	:	#f5f5f5	Farbe	:	lightcoral
Farbe	:	whitesmoke	Farbwert	:	#f08080
HTML	:	#f5f5f5	HTML	:	lightcoral
HTML (Wert)	:	#f5f5f5	HTML (Wert)	:	#f08080
CSS	:	#f5f5f5	CSS	:	lightcoral
CSS (Wert)	:	#f5f5f5	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#f5f5f5	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(245,245,245)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(96%,96%,96%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbwert #f5f5f5 nach Schriftfarbe lightcoral
#f5f5f5	#f4e4e4	#f3d3d3	#f2c2c2	#f2b2b2	#f1a1a1	#f09090	#f08080
#f5f5f5	#f4e4e4	#f3d3d3	#f2c2c2	#f2b2b2	#f1a1a1	#f09090	#f08080

Kombination von #f5f5f5 und lightcoral
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante.				Die Ähnlichkeit der Farben lightcoral und #f5f5f5 beträgt 88.68%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 11.32%. Auf Hintergrund #f5f5f5 ist lightcoral ungeeignet, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #f5f5f5				Schriftfarbe lightcoral
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5	#f08080	#f08080	#f08080	#f08080
#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2	#f29292	#f29292	#cd6d6d	#cd6d6d
#f7f7f7	#f7f7f7	#afafaf	#afafaf	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c	#f6b6b6	#f6b6b6	#894949	#894949
#fafafa	#fafafa	#696969	#696969	#f8c8c8	#f8c8c8	#663636	#663636
#fcfcfc	#fcfcfc	#464646	#464646	#fadada	#fadada	#442424	#442424
#fdfdfd	#fdfdfd	#232323	#232323	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f5f5f5 und Farbe lightcoral

Wechsel der Textfarbe bei Hover bei HTML-Tag fieldset

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

Zum Beispiel legen wir Farbwert #f5f5f5 als Textfarbe von <fieldset> fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf monospace und ändern die Größe der Schrift auf 13pt.

<style type="text/css"><!--
  fieldset { 
    font-family:monospace; 
    font-size:13pt; 
    color:#f5f5f5;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf lightcoral geändert wird.

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

Mehr zu fieldset lesen Sie in Formulare in HTML. Die Beschreibung des Befehl fieldset finden Sie in der HTML Referenz unter <fieldset>.