Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darksalmon und Farbe blue

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 darksalmon			Schriftfarbe blue
Detail	:	Hintergrund darksalmon	Detail	:	Schrift blue
Farbe	:	darksalmon	Farbe	:	blue
Farbwert	:	#e9967a	Farbwert	:	#0000ff
HTML	:	darksalmon	HTML	:	blue
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#0000ff
CSS	:	darksalmon	CSS	:	blue
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbe darksalmon nach Schriftfarbe blue
#e9967a	#c7808d	#a66ba0	#8555b3	#6340c6	#422ad9	#2115ec	#0000ff
#e9967a	#c7808d	#a66ba0	#8555b3	#6340c6	#422ad9	#2115ec	#0000ff

Kombination von darksalmon und blue
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				blue eignet sich als Schriftfarbe auf Hintergrund darksalmon. Der Unterschied in den Farben ist ok, der Helligkeitsunterschied auch. Die Ähnlichkeit der Farben blue und darksalmon beträgt 82.25%. Die Lesbarkeit dieser Kombination liegt damit bei 17.75%.

Hintergrundfarbe darksalmon				Schriftfarbe blue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#0000ff	#0000ff	#0000ff	#0000ff
#eca58d	#eca58d	#c78068	#c78068	#2424ff	#2424ff	#0000da	#0000da
#efb4a0	#efb4a0	#a66b57	#a66b57	#4848ff	#4848ff	#0000b6	#0000b6
#f2c3b3	#f2c3b3	#855545	#855545	#6d6dff	#6d6dff	#000091	#000091
#f5d2c6	#f5d2c6	#634034	#634034	#9191ff	#9191ff	#00006d	#00006d
#f8e1d9	#f8e1d9	#422a22	#422a22	#b6b6ff	#b6b6ff	#000048	#000048
#fbf0ec	#fbf0ec	#211511	#211511	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darksalmon und Farbe blue

Wechsel der Hintergrundfarbe bei Hover von Tag td

Die Hintergrundfarbe soll sich von Farbe darksalmon auf Farbe blue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <td> in Farbe darksalmon vor.

Wir legen zum Beispiel die Hintergrundfarbe von <td> auf Farbe darksalmon fest und ändern die Größe der Schrift auf 13px:

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

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf blue geändert wird.

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

Weiteres zu td können Sie in Tabellen in HTML erfahren. Einzelheiten vom hier verwendeten Befehl td sind in der HTML Referenz unter <td> genau beschrieben.

Füllen und Umranden bei Befehl ins

In diesem Beispiel umranden wir <ins> mit einem . Die Hintergrundfarbe für <ins> setzen wir entsprechend auf Farbe darksalmon. Das ist in HTML kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  ins { 
    border-color: blue; 
    border-style: dotted; 
    background-color: darksalmon; 
    border-width: 1pt;
  }
//-->
</style>

Mehr zum hier verwendeten HTML-Befehl <ins>.