Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #bc8f8f und Farbwert #faebd7

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #bc8f8f			Schriftfarbwert #faebd7
Detail	:	Hintergrund #bc8f8f	Detail	:	Schrift #faebd7
Farbwert	:	#bc8f8f	Farbwert	:	#faebd7
Farbe	:	rosybrown	Farbe	:	antiquewhite
HTML	:	#bc8f8f	HTML	:	#faebd7
HTML (Wert)	:	#bc8f8f	HTML (Wert)	:	#faebd7
CSS	:	#bc8f8f	CSS	:	#faebd7
CSS (Wert)	:	#bc8f8f	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#bc8f8f	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(188,143,143)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(73%,56%,56%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbwert #bc8f8f nach Schriftfarbwert #faebd7
#bc8f8f	#c49c99	#cda9a3	#d6b6ad	#dfc3b8	#e8d0c2	#f1ddcc	#faebd7
#bc8f8f	#c49c99	#cda9a3	#d6b6ad	#dfc3b8	#e8d0c2	#f1ddcc	#faebd7

Kombination von #bc8f8f und #faebd7
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.				Die Ähnlichkeit der Farben #faebd7 und #bc8f8f beträgt 88.56%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.44%. Auf Hintergrund #bc8f8f ist #faebd7 ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #bc8f8f				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f	#faebd7	#faebd7	#faebd7	#faebd7
#c59f9f	#c59f9f	#a17a7a	#a17a7a	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#cfafaf	#cfafaf	#866666	#866666	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#d8bfbf	#d8bfbf	#6b5151	#6b5151	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#e2cfcf	#e2cfcf	#503d3d	#503d3d	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#ebdfdf	#ebdfdf	#352828	#352828	#fdf9f3	#fdf9f3	#47433d	#47433d
#f5efef	#f5efef	#1a1414	#1a1414	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #bc8f8f und Farbwert #faebd7

Füllen und Umranden mit HTML-Tag hr

In diesem Beispiel umranden wir <hr> mit einem 3 Punkte dicken, gezahnten Rahmen in Farbwert #faebd7 . Den Hintergrund von <hr> setzen wir auf Farbwert #bc8f8f. Das ist in HTML kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  hr { border:3pt ridge #faebd7; background-color:#bc8f8f; }
//-->
</style>

Weiteres zum Thema hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier gezeigten Tag hr sind in der HTML Referenz bei <hr> genau beschrieben.

Wechsel der Textfarbe bei Hover bei HTML-Befehl samp

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

Hier legen wir bei <samp> die Textfarbe auf Farbwert #bc8f8f fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf verdana.

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

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

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

Mehr zum Thema können Sie in Text in HTML finden. Zur Beschreibung vom hier genutzten HTML-Befehl <samp>.