Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darksalmon und Farbwert #fff5ee

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 darksalmon			Schriftfarbwert #fff5ee
Detail	:	Hintergrund darksalmon	Detail	:	Schrift #fff5ee
Farbe	:	darksalmon	Farbwert	:	#fff5ee
Farbwert	:	#e9967a	Farbe	:	seashell
HTML	:	darksalmon	HTML	:	#fff5ee
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#fff5ee
CSS	:	darksalmon	CSS	:	#fff5ee
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbe darksalmon nach Schriftfarbwert #fff5ee
#e9967a	#eca38a	#efb19b	#f2beab	#f5ccbc	#f8d9cc	#fbe7dd	#fff5ee
#e9967a	#eca38a	#efb19b	#f2beab	#f5ccbc	#f8d9cc	#fbe7dd	#fff5ee

Kombination von darksalmon und #fff5ee
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit von #fff5ee und darksalmon beträgt 89.78%. Die Lesbarkeit dieser Kombination liegt damit bei 10.22%. #fff5ee eignet sich nicht als Schriftfarbe auf Hintergrund darksalmon, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe darksalmon				Schriftfarbwert #fff5ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#eca58d	#eca58d	#c78068	#c78068	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#efb4a0	#efb4a0	#a66b57	#a66b57	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#f2c3b3	#f2c3b3	#855545	#855545	#fff9f5	#fff9f5	#918c88	#918c88
#f5d2c6	#f5d2c6	#634034	#634034	#fffaf7	#fffaf7	#6d6966	#6d6966
#f8e1d9	#f8e1d9	#422a22	#422a22	#fffcfa	#fffcfa	#484644	#484644
#fbf0ec	#fbf0ec	#211511	#211511	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darksalmon und Farbwert #fff5ee

Wechsel der Umrandung bei Hover bei Tag p

Die Rahmenfarbe soll sich von Farbe darksalmon auf Farbwert #fff5ee ändern, wenn man mit der Maus auf <p> zeigt. Wir bereiten zunächst eine Darstellung von <p> in Farbe darksalmon vor.

In diesem Beispiel umranden wir <p> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbe darksalmon.

<style type="text/css"><!--
  p { border:4px groove darksalmon; }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #fff5ee geändert wird.

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

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Weiteres zum hier gezeigten Tag p ist in der HTML Referenz unter <p> zusammengestellt.

Füllen und Umranden von Tag div

Mit HTML-Tag <div> setzen Sie einen Kontainer. Diesen kann man farblich gestalten und hervorheben.

Bei diesem Beispiel umranden wir <div> mit einem 1 Punkte dicken, gefurchten Rahmen in Farbwert #fff5ee . Die Hintergrundfarbe für <div> färben wir entsprechend mit Farbe darksalmon. Mit HTML ist das nicht möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  div { 
    border-color:#fff5ee; 
    border-style:groove; 
    background-color:darksalmon; 
    border-width:1pt;
  }
//-->
</style>

Einzelheiten des hier verwendeten HTML-Befehl div sind in der HTML Referenz bei <div> ausführlich zusammengestellt.