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

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

Verlauf Hintergrundfarbe salmon nach Schriftfarbwert #e0ffff
#fa8072	#f69286	#f2a49a	#eeb6ae	#ebc8c2	#e7dad6	#e3ecea	#e0ffff
#fa8072	#f69286	#f2a49a	#eeb6ae	#ebc8c2	#e7dad6	#e3ecea	#e0ffff

Kombination von salmon und #e0ffff
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.				Auf Hintergrund salmon ist #e0ffff ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #e0ffff und salmon beträgt 88.70%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 11.30%.

Hintergrundfarbe salmon				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fa8072	#fa8072	#fa8072	#fa8072	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#fa9286	#fa9286	#d66d61	#d66d61	#e4ffff	#e4ffff	#c0dada	#c0dada
#fba49a	#fba49a	#b25b51	#b25b51	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#fcb6ae	#fcb6ae	#8e4941	#8e4941	#edffff	#edffff	#809191	#809191
#fcc8c2	#fcc8c2	#6b3630	#6b3630	#f1ffff	#f1ffff	#606d6d	#606d6d
#fddad6	#fddad6	#472420	#472420	#f6ffff	#f6ffff	#404848	#404848
#feecea	#feecea	#231210	#231210	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe salmon und Farbwert #e0ffff

Wechsel der Umrandung bei Hover von Befehl a

Ein Verweis wird mit Befehl <a> gesetzt. Diesen können Sie farblich gestalten und hervorheben.

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

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe salmon.

<style type="text/css"><!--
  a { border:2px double salmon; }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #e0ffff ändert.

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

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Mehr zum HTML-Tag <a>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl span

Die Hintergrundfarbe soll sich von Farbe salmon auf Farbwert #e0ffff ändern, wenn man mit der Maus auf <span> zeigt. Wir bereiten zunächst eine Formatierung von <span> in Farbe salmon vor.

Zum Beispiel legen wir bei <span> die Hintergrundfarbe auf Farbe salmon fest. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  span { 
    background-color: salmon; 
    font-size: 13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #e0ffff geändert wird.

<style type="text/css"><!--
  span: hover { 
    background-color: #e0ffff;
  }
//-->
</style>

Der hier genutzte HTML-Befehl span ist in der HTML Referenz unter <span> ausführlich gezeigt.