Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d2b48c und Farbe oldlace

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 #d2b48c			Schriftfarbe oldlace
Detail	:	Hintergrund #d2b48c	Detail	:	Schrift oldlace
Farbwert	:	#d2b48c	Farbe	:	oldlace
Farbe	:	tan	Farbwert	:	#fdf5e6
HTML	:	#d2b48c	HTML	:	oldlace
HTML (Wert)	:	#d2b48c	HTML (Wert)	:	#fdf5e6
CSS	:	#d2b48c	CSS	:	oldlace
CSS (Wert)	:	#d2b48c	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#d2b48c	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(210,180,140)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(82%,70%,54%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbwert #d2b48c nach Schriftfarbe oldlace
#d2b48c	#d8bd98	#dec6a5	#e4cfb2	#ead9bf	#f0e2cc	#f6ebd9	#fdf5e6
#d2b48c	#d8bd98	#dec6a5	#e4cfb2	#ead9bf	#f0e2cc	#f6ebd9	#fdf5e6

Kombination von #d2b48c und oldlace
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.				Die Ähnlichkeit der Farben oldlace und #d2b48c beträgt 91.33%. Die Lesbarkeit dieser Kombination liegt damit bei 8.67%. Auf Hintergrund #d2b48c ist oldlace ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbwert #d2b48c				Schriftfarbe oldlace
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2b48c	#d2b48c	#d2b48c	#d2b48c	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#d8be9c	#d8be9c	#b49a78	#b49a78	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#dec9ac	#dec9ac	#968064	#968064	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#e5d4bd	#e5d4bd	#786650	#786650	#fdf9f0	#fdf9f0	#908c83	#908c83
#ebdecd	#ebdecd	#5a4d3c	#5a4d3c	#fefaf4	#fefaf4	#6c6962	#6c6962
#f2e9de	#f2e9de	#3c3328	#3c3328	#fefcf7	#fefcf7	#484641	#484641
#f8f4ee	#f8f4ee	#1e1914	#1e1914	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #d2b48c und Farbe oldlace

Wechsel der Textfarbe bei Hover bei HTML-Befehl p

Die Textfarbe soll sich von Farbwert #d2b48c auf Farbe oldlace ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Formatierung von <p> in Farbwert #d2b48c vor.

Z.B. legen wir Farbwert #d2b48c als Textfarbe von <p> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf monospace. Die Größe der Schrift setzen wir auf 82%.

<style type="text/css"><!--
  p { 
    font-size:82%; 
    font-family:monospace; 
    color:#d2b48c;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf oldlace gesetzt wird.

<style type="text/css"><!--
  p: hover { 
    color: oldlace;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom Tag p lesen Sie in der HTML Referenz unter <p>.