Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darksalmon und Farbe darkkhaki

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			Schriftfarbe darkkhaki
Detail	:	Hintergrund darksalmon	Detail	:	Schrift darkkhaki
Farbe	:	darksalmon	Farbe	:	darkkhaki
Farbwert	:	#e9967a	Farbwert	:	#bdb76b
HTML	:	darksalmon	HTML	:	darkkhaki
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#bdb76b
CSS	:	darksalmon	CSS	:	darkkhaki
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#bdb76b
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#bdb76b
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(189,183,107)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(74%,71%,41%)

Verlauf Hintergrundfarbe darksalmon nach Schriftfarbe darkkhaki
#e9967a	#e29a77	#dc9f75	#d6a473	#cfa871	#c9ad6f	#c3b26d	#bdb76b
#e9967a	#e29a77	#dc9f75	#d6a473	#cfa871	#c9ad6f	#c3b26d	#bdb76b

Kombination von darksalmon und darkkhaki
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben darkkhaki und darksalmon ergibt sich zu 94.69%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.31%. Auf Hintergrund darksalmon ist darkkhaki ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe darksalmon				Schriftfarbe darkkhaki
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#bdb76b	#bdb76b	#bdb76b	#bdb76b
#eca58d	#eca58d	#c78068	#c78068	#c6c180	#c6c180	#a29c5b	#a29c5b
#efb4a0	#efb4a0	#a66b57	#a66b57	#cfcb95	#cfcb95	#87824c	#87824c
#f2c3b3	#f2c3b3	#855545	#855545	#d9d5aa	#d9d5aa	#6c683d	#6c683d
#f5d2c6	#f5d2c6	#634034	#634034	#e2e0bf	#e2e0bf	#514e2d	#514e2d
#f8e1d9	#f8e1d9	#422a22	#422a22	#ecead4	#ecead4	#36341e	#36341e
#fbf0ec	#fbf0ec	#211511	#211511	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darksalmon und Farbe darkkhaki

Füllen und Umranden von Befehl h3

Mit Tag <h3> wird eine Überschrift der 3. Stufe erzeugt und kann farblich gestaltet und hervorgehoben werden.

Hier umranden wir <h3> mit einem gestrichelten, 4 Punkte dicken Rahmen in Farbe darkkhaki . Die Hintergrundfarbe für <h3> färben wir entsprechend mit Farbe darksalmon. Dies geht mit HTML nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  h3 { border:4pt dashed darkkhaki; background-color:darksalmon; }
//-->
</style>

Weiteres zu h3 können Sie in Grundlegende Gestaltungselemente in HTML finden. Beschreibung vom Tag <h3>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag code

Die Hintergrundfarbe soll sich von Farbe darksalmon auf Farbe darkkhaki ändern, wenn man mit der Maus auf <code> zeigt. Bereiten wir zunächst eine Formatierung von <code> in Farbe darksalmon vor.

Wir legen hier bei <code> die Hintergrundfarbe auf Farbe darksalmon fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift setzen wir auf 12px:

<style type="text/css"><!--
  code { 
    font-size:12px; 
    font-family:monospace; 
    background-color:darksalmon;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf darkkhaki geändert wird.

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

Weiteres zum Thema lesen Sie in Text in HTML. Der hier gezeigte Befehl code ist in der HTML Referenz unter <code> gezeigt.