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

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			Schriftfarbe brown
Detail	:	Hintergrund #fff8dc	Detail	:	Schrift brown
Farbwert	:	#fff8dc	Farbe	:	brown
Farbe	:	cornsilk	Farbwert	:	#a52a2a
HTML	:	#fff8dc	HTML	:	brown
HTML (Wert)	:	#fff8dc	HTML (Wert)	:	#a52a2a
CSS	:	#fff8dc	CSS	:	brown
CSS (Wert)	:	#fff8dc	CSS (Wert)	:	#a52a2a
CSS (kürzest)	:	#fff8dc	CSS (kürzest)	:	#a52a2a
CSS (RGB)	:	rgb(255,248,220)	CSS (RGB)	:	rgb(165,42,42)
CSS (%RGB)	:	rgb(100%,97%,86%)	CSS (%RGB)	:	rgb(64%,16%,16%)

Verlauf Hintergrundfarbwert #fff8dc nach Schriftfarbe brown
#fff8dc	#f2dac2	#e5bda9	#d89f8f	#cb8276	#be645c	#b14743	#a52a2a
#fff8dc	#f2dac2	#e5bda9	#d89f8f	#cb8276	#be645c	#b14743	#a52a2a

Kombination von #fff8dc und brown
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.				brown ist nicht als Schriftfarbe auf Hintergrund #fff8dc geeignet, da sich die Farben zu ähnlich sind. Die Ähnlichkeit von brown und #fff8dc beträgt 68.34%. Die Lesbarkeit dieser Kombination ergibt sich zu 31.66%.

Hintergrundfarbwert #fff8dc				Schriftfarbe brown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#a52a2a	#a52a2a	#a52a2a	#a52a2a
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#b14848	#b14848	#8d2424	#8d2424
#fffae6	#fffae6	#b6b19d	#b6b19d	#be6666	#be6666	#751e1e	#751e1e
#fffbeb	#fffbeb	#918d7d	#918d7d	#cb8585	#cb8585	#5e1818	#5e1818
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#d8a3a3	#d8a3a3	#461212	#461212
#fffdf5	#fffdf5	#48463e	#48463e	#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c
#fffefa	#fffefa	#24231f	#24231f	#f2e0e0	#f2e0e0	#170606	#170606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff8dc und Farbe brown

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag li

Die Hintergrundfarbe soll sich von Farbwert #fff8dc auf Farbe brown ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <li> in Farbwert #fff8dc vor.

In diesem Beispiel legen wir Farbwert #fff8dc als Hintergrundfarbe von <li> fest und ändern die Größe der Schrift auf 9pt.

<style type="text/css"><!--
  li { 
    font-size: 9pt; 
    background-color: #fff8dc;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf brown ändert.

<style type="text/css"><!--
  li: hover { 
    background-color: brown;
  }
//-->
</style>

Weiteres zum Thema li können Sie in Listen und Glossare in HTML finden. Zur Beschreibung des hier verwendeten Tag <li>.

Füllen und Umranden bei Tag h3

Eine Überschrift erzeugen Sie mit HTML-Tag <h3>. Diese kann man hervorheben und farblich gestalten.

Hier umranden wir <h3> mit einem . Die Hintergrundfarbe für <h3> setzen wir auf Farbwert #fff8dc. Das ist mit HTML kaum möglich. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  h3 { 
    border-color:brown; 
    border-style:inset; 
    border-width:4px; 
    background-color:#fff8dc;
  }
//-->
</style>

Weiteres zu h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des hier genutzten HTML-Tag h3 erfahren Sie in der HTML Referenz unter <h3>.