Ressourcen: 137 HTML Farbnamen - Kombination von Farbe salmon und Farbwert #7fff00

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

Verlauf Hintergrundfarbe salmon nach Schriftfarbwert #7fff00
#fa8072	#e89261	#d6a451	#c5b641	#b3c830	#a2da20	#90ec10	#7fff00
#fa8072	#e89261	#d6a451	#c5b641	#b3c830	#a2da20	#90ec10	#7fff00

Kombination von salmon und #7fff00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #7fff00 und salmon ergibt sich zu 90.81%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.19%. Auf Hintergrund salmon ist #7fff00 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe salmon				Schriftfarbwert #7fff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fa8072	#fa8072	#fa8072	#fa8072	#7fff00	#7fff00	#7fff00	#7fff00
#fa9286	#fa9286	#d66d61	#d66d61	#91ff24	#91ff24	#6cda00	#6cda00
#fba49a	#fba49a	#b25b51	#b25b51	#a3ff48	#a3ff48	#5ab600	#5ab600
#fcb6ae	#fcb6ae	#8e4941	#8e4941	#b5ff6d	#b5ff6d	#489100	#489100
#fcc8c2	#fcc8c2	#6b3630	#6b3630	#c8ff91	#c8ff91	#366d00	#366d00
#fddad6	#fddad6	#472420	#472420	#daffb6	#daffb6	#244800	#244800
#feecea	#feecea	#231210	#231210	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe salmon und Farbwert #7fff00

Hintergrund/Text-Kombination mit HTML-Tag span

Hier ändern wir die Textfarbe von <span> auf Farbwert #7fff00 und die Hintergrundfarbe von <span> auf Farbe salmon. Die Schriftart setzen wir auf verdana. Die Schriftgröße verringern wir auf 94%.

<style type="text/css"><!--
  span { 
    color: #7fff00; 
    background-color: salmon; 
    font-family: verdana; 
    font-size: 94%;
  }
//-->
</style>

Die Beschreibung vom Tag span erfahren Sie in der HTML Referenz unter <span>.

Wechsel der Hintergrundfarbe bei Hover von Tag h2

Eine Überschrift wird mit HTML-Tag <h2> gesetzt und kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe salmon auf Farbwert #7fff00 ändern, wenn man mit der Maus auf <h2> zeigt. Bereiten wir zunächst die Darstellung von <h2> in Farbe salmon vor.

Für dieses Beispiel ändern wir die Hintergrundfarbe von <h2> auf Farbe salmon und vergrößern die Größe der Schrift auf 118%.

<style type="text/css"><!--
  h2 { 
    background-color: salmon; 
    font-size: 118%;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #7fff00 gesetzt wird.

<style type="text/css"><!--
  h2: hover { 
    background-color: #7fff00;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten HTML-Befehl h2 ist in der HTML Referenz bei <h2> zusammengestellt.