Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #b8860b und Farbwert #2f4f4f

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.

Hintergrundfarbwert #b8860b			Schriftfarbwert #2f4f4f
Detail	:	Hintergrund #b8860b	Detail	:	Schrift #2f4f4f
Farbwert	:	#b8860b	Farbwert	:	#2f4f4f
Farbe	:	darkgoldenrod	Farbe	:	darkslategray
HTML	:	#b8860b	HTML	:	#2f4f4f
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#2f4f4f
CSS	:	#b8860b	CSS	:	#2f4f4f
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbwert #b8860b nach Schriftfarbwert #2f4f4f
#b8860b	#a47e14	#90761e	#7d6e28	#696631	#565e3b	#425645	#2f4f4f
#b8860b	#a47e14	#90761e	#7d6e28	#696631	#565e3b	#425645	#2f4f4f

Kombination von #b8860b und #2f4f4f
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #b8860b ist #2f4f4f ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #2f4f4f und #b8860b ergibt sich zu 86.94%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.06%.

Hintergrundfarbwert #b8860b				Schriftfarbwert #2f4f4f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#c2972d	#c2972d	#9d7209	#9d7209	#4c6868	#4c6868	#284343	#284343
#cca850	#cca850	#835f07	#835f07	#6a8181	#6a8181	#213838	#213838
#d6b973	#d6b973	#694c06	#694c06	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#e0cb96	#e0cb96	#4e3904	#4e3904	#a5b3b3	#a5b3b3	#142121	#142121
#eadcb9	#eadcb9	#342603	#342603	#c3cccc	#c3cccc	#0d1616	#0d1616
#f4eddc	#f4eddc	#1a1301	#1a1301	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b8860b und Farbwert #2f4f4f

Füllen und Umranden von Befehl fieldset

Für dieses Beispiel umranden wir <fieldset> mit einem 3 Punkte dicken, doppelten Rahmen in Farbwert #2f4f4f . Den Hintergrund von <fieldset> färben wir entsprechend mit Farbwert #b8860b. Das geht in HTML nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  fieldset { border:3pt double #2f4f4f; background-color:#b8860b; }
//-->
</style>

Weiteres zum Thema finden Sie in Formulare in HTML. Der hier gezeigte HTML-Befehl fieldset ist in der HTML Referenz unter <fieldset> ausführlich beschrieben.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag acronym

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

Wir legen als Beispiel Farbwert #b8860b als Hintergrundfarbe von <acronym> fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  acronym { 
    font-family: arial; 
    background-color: #b8860b;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #2f4f4f gesetzt wird.

<style type="text/css"><!--
  acronym:hover { 
    background-color:#2f4f4f;
  }
//-->
</style>

Beschreibung vom hier genutzten HTML-Tag <acronym>.