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

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 #fdf5e6			Schriftfarbwert #b8860b
Detail	:	Hintergrund #fdf5e6	Detail	:	Schrift #b8860b
Farbwert	:	#fdf5e6	Farbwert	:	#b8860b
Farbe	:	oldlace	Farbe	:	darkgoldenrod
HTML	:	#fdf5e6	HTML	:	#b8860b
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#b8860b
CSS	:	#fdf5e6	CSS	:	#b8860b
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#b8860b
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#b8860b
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(184,134,11)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(72%,52%,4%)

Verlauf Hintergrundfarbwert #fdf5e6 nach Schriftfarbwert #b8860b
#fdf5e6	#f3e5c6	#e9d5a7	#dfc588	#d5b568	#cba549	#c1952a	#b8860b
#fdf5e6	#f3e5c6	#e9d5a7	#dfc588	#d5b568	#cba549	#c1952a	#b8860b

Kombination von #fdf5e6 und #b8860b
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #b8860b und #fdf5e6 beträgt 85.70%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 14.30%. #b8860b eignet sich nicht als Schriftfarbe auf Hintergrund #fdf5e6, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #fdf5e6				Schriftfarbwert #b8860b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#b8860b	#b8860b	#b8860b	#b8860b
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#c2972d	#c2972d	#9d7209	#9d7209
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#cca850	#cca850	#835f07	#835f07
#fdf9f0	#fdf9f0	#908c83	#908c83	#d6b973	#d6b973	#694c06	#694c06
#fefaf4	#fefaf4	#6c6962	#6c6962	#e0cb96	#e0cb96	#4e3904	#4e3904
#fefcf7	#fefcf7	#484641	#484641	#eadcb9	#eadcb9	#342603	#342603
#fefdfb	#fefdfb	#242320	#242320	#f4eddc	#f4eddc	#1a1301	#1a1301
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fdf5e6 und Farbwert #b8860b

Wechsel der Textfarbe bei Hover mit HTML-Befehl tbody

Die Textfarbe soll sich von Farbwert #fdf5e6 auf Farbwert #b8860b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <tbody> in Farbwert #fdf5e6 vor.

In diesem Beispiel setzen wir die Textfarbe von <tbody> auf Farbwert #fdf5e6 und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  tbody { 
    color:#fdf5e6; 
    font-size:13px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #b8860b ändert.

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

Weiteres zu tbody finden Sie in Tabellen in HTML. Mehr zum HTML-Tag tbody finden Sie in der HTML Referenz unter <tbody>.