Ressourcen: 137 HTML Farbnamen - Kombination von Farbe peachpuff und Farbwert #d3d3d3

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 peachpuff			Schriftfarbwert #d3d3d3
Detail	:	Hintergrund peachpuff	Detail	:	Schrift #d3d3d3
Farbe	:	peachpuff	Farbwert	:	#d3d3d3
Farbwert	:	#ffdab9	Farbe	:	lightgrey
HTML	:	peachpuff	HTML	:	#d3d3d3
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#d3d3d3
CSS	:	peachpuff	CSS	:	#d3d3d3
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe peachpuff nach Schriftfarbwert #d3d3d3
#ffdab9	#f8d9bc	#f2d8c0	#ecd7c4	#e5d6c7	#dfd5cb	#d9d4cf	#d3d3d3
#ffdab9	#f8d9bc	#f2d8c0	#ecd7c4	#e5d6c7	#dfd5cb	#d9d4cf	#d3d3d3

Kombination von peachpuff und #d3d3d3
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 vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#d3d3d3 ist nicht als Schriftfarbe auf Hintergrund peachpuff geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben #d3d3d3 und peachpuff beträgt 94.58%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.42%.

Hintergrundfarbe peachpuff				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#dfdfdf	#dfdfdf	#969696	#969696
#ffe9d7	#ffe9d7	#917c69	#917c69	#e5e5e5	#e5e5e5	#787878	#787878
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#ececec	#ececec	#5a5a5a	#5a5a5a
#fff4eb	#fff4eb	#483e34	#483e34	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#fff9f5	#fff9f5	#241f1a	#241f1a	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peachpuff und Farbwert #d3d3d3

Wechsel der Textfarbe bei Hover mit Tag a

Ein Hyperlink wird mit Befehl <a> erzeugt. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbe peachpuff auf Farbwert #d3d3d3 ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbe peachpuff vor.

Wir legen für dieses Beispiel Farbe peachpuff als Textfarbe von <a> fest. Die Hintergrundfarbe ändern wir nicht, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  a { 
    color:peachpuff; 
    font-family:monospace; 
    font-size:13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #d3d3d3 gesetzt wird.

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

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Einzelheiten vom HTML-Tag <a>.

Wechsel der Umrandung bei Hover von Tag dt

Die Rahmenfarbe soll sich von Farbe peachpuff auf Farbwert #d3d3d3 ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbe peachpuff vor.

In diesem Beispiel umranden wir <dt> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbe peachpuff.

<style type="text/css"><!--
  dt { border:3px outset peachpuff; }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Weiteres zum hier verwendeten Befehl dt erfahren Sie in der HTML Referenz unter <dt>.