Ressourcen: 137 HTML Farbnamen - Kombination von Farbe wheat 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.

Hintergrundfarbe wheat			Schriftfarbwert #d2b48c
Detail	:	Hintergrund wheat	Detail	:	Schrift #d2b48c
Farbe	:	wheat	Farbwert	:	#d2b48c
Farbwert	:	#f5deb3	Farbe	:	tan
HTML	:	wheat	HTML	:	#d2b48c
HTML (Wert)	:	#f5deb3	HTML (Wert)	:	#d2b48c
CSS	:	wheat	CSS	:	#d2b48c
CSS (Wert)	:	#f5deb3	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#f5deb3	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(245,222,179)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(96%,87%,70%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbe wheat nach Schriftfarbwert #d2b48c
#f5deb3	#f0d8ad	#ebd2a7	#e6cca2	#e1c69c	#dcc097	#d7ba91	#d2b48c
#f5deb3	#f0d8ad	#ebd2a7	#e6cca2	#e1c69c	#dcc097	#d7ba91	#d2b48c

Kombination von wheat 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.				Auf Hintergrund wheat ist #d2b48c ungeeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #d2b48c und wheat beträgt 92.85%. Die Lesbarkeit dieser Kombination bewerte ich mit 7.15%.

Hintergrundfarbe wheat				Schriftfarbwert #d2b48c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5deb3	#f5deb3	#f5deb3	#f5deb3	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#f6e2bd	#f6e2bd	#d2be99	#d2be99	#d8be9c	#d8be9c	#b49a78	#b49a78
#f7e7c8	#f7e7c8	#af9e7f	#af9e7f	#dec9ac	#dec9ac	#968064	#968064
#f9ecd3	#f9ecd3	#8c7e66	#8c7e66	#e5d4bd	#e5d4bd	#786650	#786650
#faf0de	#faf0de	#695f4c	#695f4c	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#fcf5e9	#fcf5e9	#463f33	#463f33	#f2e9de	#f2e9de	#3c3328	#3c3328
#fdfaf4	#fdfaf4	#231f19	#231f19	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe wheat und Farbwert #d2b48c

Hintergrund/Text-Kombination mit Tag a

Mit Befehl <a> wird ein Hyperlink gesetzt. Er kann hervorgehoben und farblich gestaltet werden.

Wir ändern in diesem Beispiel die Textfarbe von <a> auf Farbwert #d2b48c und die Hintergrundfarbe von <a> auf Farbe wheat. Als Schriftart setzen wir arial. Die Schriftgröße setzen wir auf 12px.

<style type="text/css"><!--
  a { 
    color:#d2b48c; 
    font-size:12px; 
    background-color:wheat; 
    font-family:arial;
  }
//-->
</style>

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Weiteres zum hier verwendeten HTML-Befehl a ist in der HTML Referenz bei <a> ausführlich beschrieben.

Wechsel der Umrandung bei Hover mit HTML-Tag frame

Die Rahmenfarbe soll sich von Farbe wheat auf Farbwert #d2b48c ändern, wenn man mit der Maus auf <frame> zeigt. Wir bereiten zunächst die Darstellung von <frame> in Farbe wheat vor.

In diesem Beispiel umranden wir <frame> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe wheat.

<style type="text/css"><!--
  frame { border:5px double wheat; }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #d2b48c geändert wird.

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

Einzelheiten des HTML-Tag frame finden Sie in der HTML Referenz unter <frame>.