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

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 #b8860b			Schriftfarbwert #e9967a
Detail	:	Hintergrund #b8860b	Detail	:	Schrift #e9967a
Farbwert	:	#b8860b	Farbwert	:	#e9967a
Farbe	:	darkgoldenrod	Farbe	:	darksalmon
HTML	:	#b8860b	HTML	:	#e9967a
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#e9967a
CSS	:	#b8860b	CSS	:	#e9967a
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#e9967a
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#e9967a
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(233,150,122)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(91%,58%,47%)

Verlauf Hintergrundfarbwert #b8860b nach Schriftfarbwert #e9967a
#b8860b	#bf881a	#c68a2a	#cd8c3a	#d48f4a	#db915a	#e2936a	#e9967a
#b8860b	#bf881a	#c68a2a	#cd8c3a	#d48f4a	#db915a	#e2936a	#e9967a

Kombination von #b8860b und #e9967a
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.				Die Ähnlichkeit der Farben #e9967a und #b8860b beträgt 93.28%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.72%. #e9967a ist nicht als Schriftfarbe auf Hintergrund #b8860b geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbwert #b8860b				Schriftfarbwert #e9967a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#e9967a	#e9967a	#e9967a	#e9967a
#c2972d	#c2972d	#9d7209	#9d7209	#eca58d	#eca58d	#c78068	#c78068
#cca850	#cca850	#835f07	#835f07	#efb4a0	#efb4a0	#a66b57	#a66b57
#d6b973	#d6b973	#694c06	#694c06	#f2c3b3	#f2c3b3	#855545	#855545
#e0cb96	#e0cb96	#4e3904	#4e3904	#f5d2c6	#f5d2c6	#634034	#634034
#eadcb9	#eadcb9	#342603	#342603	#f8e1d9	#f8e1d9	#422a22	#422a22
#f4eddc	#f4eddc	#1a1301	#1a1301	#fbf0ec	#fbf0ec	#211511	#211511
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #b8860b und Farbwert #e9967a

Wechsel der Textfarbe bei Hover mit HTML-Befehl s

Die Textfarbe soll sich von Farbwert #b8860b auf Farbwert #e9967a ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <s> in Farbwert #b8860b vor.

Wir ändern in diesem Beispiel bei <s> die Textfarbe auf Farbwert #b8860b und verringern die Schriftgröße auf 94%.

<style type="text/css"><!--
  s { 
    font-size:94%; 
    color:#b8860b;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe zu #e9967a ändert.

<style type="text/css"><!--
  s:hover { 
    color:#e9967a;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML lesen. Zur Beschreibung des hier genutzten Befehl <s>.