Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightcoral und Farbwert #cd853f

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.

Hintergrundfarbe lightcoral			Schriftfarbwert #cd853f
Detail	:	Hintergrund lightcoral	Detail	:	Schrift #cd853f
Farbe	:	lightcoral	Farbwert	:	#cd853f
Farbwert	:	#f08080	Farbe	:	peru
HTML	:	lightcoral	HTML	:	#cd853f
HTML (Wert)	:	#f08080	HTML (Wert)	:	#cd853f
CSS	:	lightcoral	CSS	:	#cd853f
CSS (Wert)	:	#f08080	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#f08080	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(240,128,128)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(94%,50%,50%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbe lightcoral nach Schriftfarbwert #cd853f
#f08080	#eb8076	#e6816d	#e18264	#dc825a	#d78351	#d28448	#cd853f
#f08080	#eb8076	#e6816d	#e18264	#dc825a	#d78351	#d28448	#cd853f

Kombination von lightcoral und #cd853f
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#cd853f eignet sich nicht als Schriftfarbe auf Hintergrund lightcoral, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #cd853f und lightcoral beträgt 94.50%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.50%.

Hintergrundfarbe lightcoral				Schriftfarbwert #cd853f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f08080	#f08080	#f08080	#f08080	#cd853f	#cd853f	#cd853f	#cd853f
#f29292	#f29292	#cd6d6d	#cd6d6d	#d4965a	#d4965a	#af7236	#af7236
#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b	#dba775	#dba775	#925f2d	#925f2d
#f6b6b6	#f6b6b6	#894949	#894949	#e2b991	#e2b991	#754c24	#754c24
#f8c8c8	#f8c8c8	#663636	#663636	#e9caac	#e9caac	#57391b	#57391b
#fadada	#fadada	#442424	#442424	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#fcecec	#fcecec	#221212	#221212	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcoral und Farbwert #cd853f

Hintergrund/Text-Kombination mit Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbwert #cd853f und die Hintergrundfarbe von <p> auf Farbe lightcoral. Als Schriftart wählen wir courier new und als Schriftgröße wählen wir 96%.

<style type="text/css"><!--
  p { 
    background-color: lightcoral; 
    font-family: courier new; 
    font-size: 96%; 
    color: #cd853f;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier verwendeten Tag <p>.

Wechsel der Textfarbe bei Hover von Tag address

Die Textfarbe soll sich von Farbe lightcoral auf Farbwert #cd853f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <address> in Farbe lightcoral vor.

Zum Beispiel legen wir bei <address> die Textfarbe auf Farbe lightcoral fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 11pt.

<style type="text/css"><!--
  address { 
    font-family: courier new; 
    color: lightcoral; 
    font-size: 11pt;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #cd853f geändert wird.

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

Mehr zum Thema address finden Sie in Blockorientierte Elemente in HTML. Weiteres zum hier genutzten Tag <address>.