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

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 #d3d3d3
Detail	:	Hintergrund #b8860b	Detail	:	Schrift #d3d3d3
Farbwert	:	#b8860b	Farbwert	:	#d3d3d3
Farbe	:	darkgoldenrod	Farbe	:	lightgrey
HTML	:	#b8860b	HTML	:	#d3d3d3
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#d3d3d3
CSS	:	#b8860b	CSS	:	#d3d3d3
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbwert #b8860b nach Schriftfarbwert #d3d3d3
#b8860b	#bb9127	#bf9c44	#c3a760	#c7b27d	#cbbd99	#cfc8b6	#d3d3d3
#b8860b	#bb9127	#bf9c44	#c3a760	#c7b27d	#cbbd99	#cfc8b6	#d3d3d3

Kombination von #b8860b und #d3d3d3
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.				Auf Hintergrund #b8860b ist #d3d3d3 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #d3d3d3 und #b8860b beträgt 89.65%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.35%.

Hintergrundfarbwert #b8860b				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#c2972d	#c2972d	#9d7209	#9d7209	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#cca850	#cca850	#835f07	#835f07	#dfdfdf	#dfdfdf	#969696	#969696
#d6b973	#d6b973	#694c06	#694c06	#e5e5e5	#e5e5e5	#787878	#787878
#e0cb96	#e0cb96	#4e3904	#4e3904	#ececec	#ececec	#5a5a5a	#5a5a5a
#eadcb9	#eadcb9	#342603	#342603	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#f4eddc	#f4eddc	#1a1301	#1a1301	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b8860b und Farbwert #d3d3d3

Wechsel der Umrandung bei Hover von Befehl form

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

In diesem Beispiel umranden wir <form> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #b8860b.

<style type="text/css"><!--
  form { border:1px double #b8860b; }
//-->
</style>

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

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

Mehr zu form können Sie in Formulare in HTML erfahren. Weiteres zum HTML-Tag form ist in der HTML Referenz unter <form> ausführlich gezeigt.

Hintergrund/Text-Kombination mit Befehl dd

Wir ändern hier die Textfarbe von <dd> auf Farbwert #d3d3d3 und die Hintergrundfarbe von <dd> auf Farbwert #b8860b. Als Schriftart setzen wir sans-serif. Die Schriftgröße setzen wir auf 128%.

<style type="text/css"><!--
  dd { 
    color: #d3d3d3; 
    background-color: #b8860b; 
    font-family: sans-serif; 
    font-size: 128%;
  }
//-->
</style>

Weiteres zu dd erfahren Sie in Listen und Glossare in HTML. Einzelheiten vom Tag <dd>.