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

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 #fff8dc			Schriftfarbwert #bdb76b
Detail	:	Hintergrund #fff8dc	Detail	:	Schrift #bdb76b
Farbwert	:	#fff8dc	Farbwert	:	#bdb76b
Farbe	:	cornsilk	Farbe	:	darkkhaki
HTML	:	#fff8dc	HTML	:	#bdb76b
HTML (Wert)	:	#fff8dc	HTML (Wert)	:	#bdb76b
CSS	:	#fff8dc	CSS	:	#bdb76b
CSS (Wert)	:	#fff8dc	CSS (Wert)	:	#bdb76b
CSS (kürzest)	:	#fff8dc	CSS (kürzest)	:	#bdb76b
CSS (RGB)	:	rgb(255,248,220)	CSS (RGB)	:	rgb(189,183,107)
CSS (%RGB)	:	rgb(100%,97%,86%)	CSS (%RGB)	:	rgb(74%,71%,41%)

Verlauf Hintergrundfarbwert #fff8dc nach Schriftfarbwert #bdb76b
#fff8dc	#f5eecb	#ece5bb	#e2dcab	#d9d29b	#cfc98b	#c6c07b	#bdb76b
#fff8dc	#f5eecb	#ece5bb	#e2dcab	#d9d29b	#cfc98b	#c6c07b	#bdb76b

Kombination von #fff8dc und #bdb76b
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#bdb76b ist nicht als Schriftfarbe auf Hintergrund #fff8dc geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #bdb76b und #fff8dc ergibt sich zu 90.75%. Die Lesbarkeit dieser Kombination ergibt sich zu 9.25%.

Hintergrundfarbwert #fff8dc				Schriftfarbwert #bdb76b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#bdb76b	#bdb76b	#bdb76b	#bdb76b
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#c6c180	#c6c180	#a29c5b	#a29c5b
#fffae6	#fffae6	#b6b19d	#b6b19d	#cfcb95	#cfcb95	#87824c	#87824c
#fffbeb	#fffbeb	#918d7d	#918d7d	#d9d5aa	#d9d5aa	#6c683d	#6c683d
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#e2e0bf	#e2e0bf	#514e2d	#514e2d
#fffdf5	#fffdf5	#48463e	#48463e	#ecead4	#ecead4	#36341e	#36341e
#fffefa	#fffefa	#24231f	#24231f	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff8dc und Farbwert #bdb76b

Füllen und Umranden von Tag select

Hier umranden wir <select> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbwert #bdb76b . Den Hintergrund von <select> setzen wir entsprechend auf Farbwert #fff8dc. Dies geht mit HTML nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  select { 
    border-color:#bdb76b; 
    background-color:#fff8dc; 
    border-style:inset; 
    border-width:5px;
  }
//-->
</style>

Weiteres zum Thema select können Sie in Formulare in HTML finden. Möglichkeiten des hier genutzten HTML-Tag <select>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl tfoot

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

Wir setzen zum Beispiel bei <tfoot> die Textfarbe auf Farbwert #fff8dc. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  tfoot { 
    font-family: verdana; 
    color: #fff8dc;
  }
//-->
</style>

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

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

Mehr zum Thema finden Sie in Tabellen in HTML. Möglichkeiten des Tag tfoot sind in der HTML Referenz unter <tfoot> genau beschrieben.