Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00ff7f und Farbe salmon

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 #00ff7f			Schriftfarbe salmon
Detail	:	Hintergrund #00ff7f	Detail	:	Schrift salmon
Farbwert	:	#00ff7f	Farbe	:	salmon
Farbe	:	springgreen	Farbwert	:	#fa8072
HTML	:	#00ff7f	HTML	:	salmon
HTML (Wert)	:	#00ff7f	HTML (Wert)	:	#fa8072
CSS	:	#00ff7f	CSS	:	salmon
CSS (Wert)	:	#00ff7f	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#00ff7f	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(0,255,127)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(0%,100%,49%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbwert #00ff7f nach Schriftfarbe salmon
#00ff7f	#23ec7d	#47da7b	#6bc879	#8eb677	#b2a475	#d69273	#fa8072
#00ff7f	#23ec7d	#47da7b	#6bc879	#8eb677	#b2a475	#d69273	#fa8072

Kombination von #00ff7f und salmon
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Auf Hintergrund #00ff7f ist salmon ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben salmon und #00ff7f beträgt 91.15%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.85%.

Hintergrundfarbwert #00ff7f				Schriftfarbe salmon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff7f	#00ff7f	#00ff7f	#00ff7f	#fa8072	#fa8072	#fa8072	#fa8072
#24ff91	#24ff91	#00da6c	#00da6c	#fa9286	#fa9286	#d66d61	#d66d61
#48ffa3	#48ffa3	#00b65a	#00b65a	#fba49a	#fba49a	#b25b51	#b25b51
#6dffb5	#6dffb5	#009148	#009148	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#91ffc8	#91ffc8	#006d36	#006d36	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#b6ffda	#b6ffda	#004824	#004824	#fddad6	#fddad6	#472420	#472420
#daffec	#daffec	#002412	#002412	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00ff7f und Farbe salmon

Wechsel der Hintergrundfarbe bei Hover bei Befehl var

Die Hintergrundfarbe soll sich von Farbwert #00ff7f auf Farbe salmon ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <var> in Farbwert #00ff7f vor.

Wir legen z.B. bei <var> die Hintergrundfarbe auf Farbwert #00ff7f fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  var { 
    font-family: courier new; 
    background-color: #00ff7f;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf salmon gesetzt wird.

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

Mehr zum Thema var können Sie in Text in HTML erfahren. Der HTML-Befehl var ist in der HTML Referenz bei <var> ausführlich gezeigt.

Text- und Unterstreichungsfarben von HTML-Tag em

Hier ändern wir die Textfarbe von <em> auf Farbe salmon. Die Schriftart setzen wir auf sans-serif und setzen die Schriftgröße auf 93%. Wir unterstreichen den Inhalt von <em> mit Hilfe eines einfallenden Rahmens mit 3 Pixel Dicke in Farbwert #00ff7f. Dies ist mit HTML kaum möglich. Daher verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  em { 
    border-bottom-color: #00ff7f; 
    font-size: 93%; 
    border-bottom-style: inset; 
    font-family: sans-serif; 
    border-bottom-width: 3px; 
    color: salmon;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema finden Sie in Text in HTML. Der Tag em ist in der HTML Referenz bei <em> beschrieben.