Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #e9967a und Farbwert #bdb76b

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.

Hintergrundfarbwert #e9967a			Schriftfarbwert #bdb76b
Detail	:	Hintergrund #e9967a	Detail	:	Schrift #bdb76b
Farbwert	:	#e9967a	Farbwert	:	#bdb76b
Farbe	:	darksalmon	Farbe	:	darkkhaki
HTML	:	#e9967a	HTML	:	#bdb76b
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#bdb76b
CSS	:	#e9967a	CSS	:	#bdb76b
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 Hintergrundfarbwert #e9967a nach Schriftfarbwert #bdb76b
#e9967a	#e29a77	#dc9f75	#d6a473	#cfa871	#c9ad6f	#c3b26d	#bdb76b
#e9967a	#e29a77	#dc9f75	#d6a473	#cfa871	#c9ad6f	#c3b26d	#bdb76b

Kombination von #e9967a und #bdb76b
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Auf Hintergrund #e9967a ist #bdb76b ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #bdb76b und #e9967a beträgt 94.69%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.31%.

Hintergrundfarbwert #e9967a				Schriftfarbwert #bdb76b
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

Beispiel zur Kombination von Farbwert #e9967a und Farbwert #bdb76b

Wechsel der Umrandung bei Hover mit Tag a

Ein Link wird mit HTML-Tag <a> gesetzt. Diesen kann man farblich gestalten und hervorheben.

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

In diesem Beispiel umranden wir <a> mit einem 4 Pixel dicken, doppelten Rahmen in Farbwert #e9967a.

<style type="text/css"><!--
  a { 
    border-style:double; 
    border-color:#e9967a; 
    border-width:4px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #bdb76b gesetzt wird.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Einzelheiten vom Befehl <a>.