Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f5f5f5 und Farbwert #f08080

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #f5f5f5			Schriftfarbwert #f08080
Detail	:	Hintergrund #f5f5f5	Detail	:	Schrift #f08080
Farbwert	:	#f5f5f5	Farbwert	:	#f08080
Farbe	:	whitesmoke	Farbe	:	lightcoral
HTML	:	#f5f5f5	HTML	:	#f08080
HTML (Wert)	:	#f5f5f5	HTML (Wert)	:	#f08080
CSS	:	#f5f5f5	CSS	:	#f08080
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 Schriftfarbwert #f08080
#f5f5f5	#f4e4e4	#f3d3d3	#f2c2c2	#f2b2b2	#f1a1a1	#f09090	#f08080
#f5f5f5	#f4e4e4	#f3d3d3	#f2c2c2	#f2b2b2	#f1a1a1	#f09090	#f08080

Kombination von #f5f5f5 und #f08080
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.				#f08080 ist nicht als Schriftfarbe auf Hintergrund #f5f5f5 geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #f08080 und #f5f5f5 ergibt sich zu 88.68%. Die Lesbarkeit dieser Farbkombination liegt damit bei 11.32%.

Hintergrundfarbwert #f5f5f5				Schriftfarbwert #f08080
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

Beispiele zur Kombination von Farbwert #f5f5f5 und Farbwert #f08080

Hintergrund/Text-Kombination mit Tag strong

Wir ändern für dieses Beispiel die Textfarbe von <strong> auf Farbwert #f08080 und die Hintergrundfarbe von <strong> auf Farbwert #f5f5f5. Die Schriftart setzen wir auf arial. Als Schriftgröße wählen wir 125%.

<style type="text/css"><!--
  strong { 
    font-family:arial; 
    color:#f08080; 
    font-size:125%; 
    background-color:#f5f5f5;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Text in HTML. Zur Beschreibung des Tag <strong>.

Wechsel der Umrandung bei Hover von HTML-Tag button

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

In diesem Beispiel umranden wir <button> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #f5f5f5.

<style type="text/css"><!--
  button { border:1px double #f5f5f5; }
//-->
</style>

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

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

Mehr zum Thema können Sie in Formulare in HTML finden. Weiteres zum HTML-Tag <button>.