Ressourcen: 120 HTML Farbnamen - Kombination von Farbe salmon und Farbe cornflowerblue

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 salmon			Schriftfarbe cornflowerblue
Detail	:	Hintergrund salmon	Detail	:	Schrift cornflowerblue
Farbe	:	salmon	Farbe	:	cornflowerblue
Farbwert	:	#fa8072	Farbwert	:	#6495ed
HTML	:	salmon	HTML	:	cornflowerblue
HTML (Wert)	:	#fa8072	HTML (Wert)	:	#6495ed
CSS	:	salmon	CSS	:	cornflowerblue
CSS (Wert)	:	#fa8072	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#fa8072	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(250,128,114)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(98%,50%,44%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbe salmon nach Schriftfarbe cornflowerblue
#fa8072	#e48383	#cf8695	#b989a6	#a48cb8	#8e8fc9	#7992db	#6495ed
#fa8072	#e48383	#cf8695	#b989a6	#a48cb8	#8e8fc9	#7992db	#6495ed

Kombination von salmon und cornflowerblue
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				cornflowerblue ist nicht als Schriftfarbe auf Hintergrund salmon geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von cornflowerblue und salmon beträgt 94.34%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.66%.

Hintergrundfarbe salmon				Schriftfarbe cornflowerblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fa8072	#fa8072	#fa8072	#fa8072	#6495ed	#6495ed	#6495ed	#6495ed
#fa9286	#fa9286	#d66d61	#d66d61	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#fba49a	#fba49a	#b25b51	#b25b51	#90b3f2	#90b3f2	#476aa9	#476aa9
#fcb6ae	#fcb6ae	#8e4941	#8e4941	#a6c2f4	#a6c2f4	#395587	#395587
#fcc8c2	#fcc8c2	#6b3630	#6b3630	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#fddad6	#fddad6	#472420	#472420	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#feecea	#feecea	#231210	#231210	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe salmon und Farbe cornflowerblue

Wechsel der Hintergrundfarbe bei Hover von Tag del

Die Hintergrundfarbe soll sich von Farbe salmon auf Farbe cornflowerblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <del> in Farbe salmon vor.

Wir legen als Beispiel die Hintergrundfarbe von <del> auf Farbe salmon fest. Die Textfarbe behalten wir bei. Die Schriftart ändern wir auf verdana. Die Größe der Schrift verringern wir auf 87%:

<style type="text/css"><!--
  del { 
    font-family: verdana; 
    font-size: 87%; 
    background-color: salmon;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf cornflowerblue ändert.

<style type="text/css"><!--
  del: hover { 
    background-color: cornflowerblue;
  }
//-->
</style>

Weiteres zum HTML-Befehl del ist in der HTML Referenz bei <del> ausführlich beschrieben.