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

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 #2e8b57
Detail	:	Hintergrund #b8860b	Detail	:	Schrift #2e8b57
Farbwert	:	#b8860b	Farbwert	:	#2e8b57
Farbe	:	darkgoldenrod	Farbe	:	seagreen
HTML	:	#b8860b	HTML	:	#2e8b57
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#2e8b57
CSS	:	#b8860b	CSS	:	#2e8b57
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbwert #b8860b nach Schriftfarbwert #2e8b57
#b8860b	#a48615	#908720	#7c882b	#698836	#558941	#418a4c	#2e8b57
#b8860b	#a48615	#908720	#7c882b	#698836	#558941	#418a4c	#2e8b57

Kombination von #b8860b und #2e8b57
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.				Die Ähnlichkeit von #2e8b57 und #b8860b ergibt sich zu 93.79%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.21%. Auf Hintergrund #b8860b ist #2e8b57 ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #b8860b				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#c2972d	#c2972d	#9d7209	#9d7209	#4b9b6f	#4b9b6f	#27774a	#27774a
#cca850	#cca850	#835f07	#835f07	#69ac87	#69ac87	#20633e	#20633e
#d6b973	#d6b973	#694c06	#694c06	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#e0cb96	#e0cb96	#4e3904	#4e3904	#a5cdb7	#a5cdb7	#133b25	#133b25
#eadcb9	#eadcb9	#342603	#342603	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#f4eddc	#f4eddc	#1a1301	#1a1301	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Umrandung bei Hover mit HTML-Befehl hr

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

In diesem Beispiel umranden wir <hr> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbwert #b8860b.

<style type="text/css"><!--
  hr { border:2px ridge #b8860b; }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #2e8b57 geändert wird.

<style type="text/css"><!--
  hr: hover { 
    border-color: #2e8b57;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Tag hr lesen Sie in der HTML Referenz unter <hr>.

Füllen und Umranden mit Tag a

Einen Verweis setzt man mit HTML-Tag <a>. Diesen können Sie farblich gestalten.

Bei diesem Beispiel umranden wir <a> mit einem doppelten, 1 Pixel dicken Rahmen in Farbwert #2e8b57 . Den Hintergrund von <a> färben wir entsprechend mit Farbwert #b8860b. Das geht in HTML kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { border:1px double #2e8b57; background-color:#b8860b; }
//-->
</style>

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Der Tag a ist in der HTML Referenz unter <a> genau gezeigt.