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

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 #faebd7			Schriftfarbwert #d2b48c
Detail	:	Hintergrund #faebd7	Detail	:	Schrift #d2b48c
Farbwert	:	#faebd7	Farbwert	:	#d2b48c
Farbe	:	antiquewhite	Farbe	:	tan
HTML	:	#faebd7	HTML	:	#d2b48c
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#d2b48c
CSS	:	#faebd7	CSS	:	#d2b48c
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbwert #faebd7 nach Schriftfarbwert #d2b48c
#faebd7	#f4e3cc	#eedbc1	#e8d3b6	#e3cbac	#ddc3a1	#d7bb96	#d2b48c
#faebd7	#f4e3cc	#eedbc1	#e8d3b6	#e3cbac	#ddc3a1	#d7bb96	#d2b48c

Kombination von #faebd7 und #d2b48c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #d2b48c und #faebd7 ergibt sich zu 91.98%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.02%. Auf Hintergrund #faebd7 ist #d2b48c ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbwert #faebd7				Schriftfarbwert #d2b48c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#d8be9c	#d8be9c	#b49a78	#b49a78
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#dec9ac	#dec9ac	#968064	#968064
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#e5d4bd	#e5d4bd	#786650	#786650
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#fdf9f3	#fdf9f3	#47433d	#47433d	#f2e9de	#f2e9de	#3c3328	#3c3328
#fefcf9	#fefcf9	#23211e	#23211e	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #faebd7 und Farbwert #d2b48c

Wechsel der Umrandung bei Hover von HTML-Befehl frameset

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

In diesem Beispiel umranden wir <frameset> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #faebd7.

<style type="text/css"><!--
  frameset { border:4px outset #faebd7; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #d2b48c geändert wird.

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

Die Beschreibung des hier genutzten HTML-Befehl frameset erfahren Sie in der HTML Referenz unter <frameset>.

Füllen und Umranden von Befehl center

Für dieses Beispiel umranden wir <center> mit einem herausstehenden, 4 Punkte dicken Rahmen in Farbwert #d2b48c . Die Hintergrundfarbe für <center> setzen wir entsprechend auf Farbwert #faebd7. Das geht in HTML nicht. Deshalb verwenden wir hierfür CSS.

<style type="text/css"><!--
  center { border:4pt outset #d2b48c; background-color:#faebd7; }
//-->
</style>

Weiteres zu center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag center finden Sie in der HTML Referenz unter <center>.