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

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 #bdb76b			Schriftfarbe saddlebrown
Detail	:	Hintergrund #bdb76b	Detail	:	Schrift saddlebrown
Farbwert	:	#bdb76b	Farbe	:	saddlebrown
Farbe	:	darkkhaki	Farbwert	:	#8b4513
HTML	:	#bdb76b	HTML	:	saddlebrown
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#8b4513
CSS	:	#bdb76b	CSS	:	saddlebrown
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbwert #bdb76b nach Schriftfarbe saddlebrown
#bdb76b	#b5a65e	#ae9651	#a78645	#a07538	#99652c	#92551f	#8b4513
#bdb76b	#b5a65e	#ae9651	#a78645	#a07538	#99652c	#92551f	#8b4513

Kombination von #bdb76b und saddlebrown
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben saddlebrown und #bdb76b ergibt sich zu 83.66%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 16.34%. Auf Hintergrund #bdb76b ist saddlebrown ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #bdb76b				Schriftfarbe saddlebrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#8b4513	#8b4513	#8b4513	#8b4513
#c6c180	#c6c180	#a29c5b	#a29c5b	#9b5f34	#9b5f34	#773b10	#773b10
#cfcb95	#cfcb95	#87824c	#87824c	#ac7a56	#ac7a56	#63310d	#63310d
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#bc9478	#bc9478	#4f270a	#4f270a
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#ecead4	#ecead4	#36341e	#36341e	#ddc9bb	#ddc9bb	#271305	#271305
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #bdb76b und Farbe saddlebrown

Text- und Unterstreichungsfarben bei HTML-Befehl acronym

Hier ändern wir die Textfarbe von <acronym> auf Farbe saddlebrown. Die Schriftart setzen wir auf courier new. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <acronym> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbwert #bdb76b. Mit HTML geht das kaum. Deshalb verwenden wir CSS.

<style type="text/css"><!--
  acronym { 
    border-bottom-style: outset; 
    border-bottom-width: 5px; 
    font-family: courier new; 
    color: saddlebrown; 
    font-size: 13px; 
    border-bottom-color: #bdb76b;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Der hier verwendete HTML-Tag acronym ist in der HTML Referenz unter <acronym> ausführlich beschrieben.

Wechsel der Textfarbe bei Hover mit HTML-Befehl span

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

Für dieses Beispiel legen wir bei <span> die Textfarbe auf Farbwert #bdb76b fest. Die Hintergrundfarbe ändern wir nicht. Die Schriftart setzen wir auf verdana und ändern die Größe der Schrift auf 9px.

<style type="text/css"><!--
  span { 
    font-family:verdana; 
    font-size:9px; 
    color:#bdb76b;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf saddlebrown geändert wird.

<style type="text/css"><!--
  span: hover { 
    color: saddlebrown;
  }
//-->
</style>

Mehr zum Tag <span>.