Ressourcen: 120 HTML Farbnamen - Kombination von Farbe peachpuff und Farbwert #483d8b

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.

Hintergrundfarbe peachpuff			Schriftfarbwert #483d8b
Detail	:	Hintergrund peachpuff	Detail	:	Schrift #483d8b
Farbe	:	peachpuff	Farbwert	:	#483d8b
Farbwert	:	#ffdab9	Farbe	:	darkslateblue
HTML	:	peachpuff	HTML	:	#483d8b
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#483d8b
CSS	:	peachpuff	CSS	:	#483d8b
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#483d8b
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#483d8b
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(72,61,139)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(28%,23%,54%)

Verlauf Hintergrundfarbe peachpuff nach Schriftfarbwert #483d8b
#ffdab9	#e4c3b2	#caadab	#b096a5	#96809e	#7c6998	#625391	#483d8b
#ffdab9	#e4c3b2	#caadab	#b096a5	#96809e	#7c6998	#625391	#483d8b

Kombination von peachpuff und #483d8b
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.				Die Ähnlichkeit der Farben #483d8b und peachpuff beträgt 67.14%. Die Lesbarkeit dieser Farbkombination liegt damit bei 32.86%. Auf Hintergrund peachpuff ist #483d8b ungeeignet. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbe peachpuff				Schriftfarbwert #483d8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#483d8b	#483d8b	#483d8b	#483d8b
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#62589b	#62589b	#3d3477	#3d3477
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#7c74ac	#7c74ac	#332b63	#332b63
#ffe9d7	#ffe9d7	#917c69	#917c69	#9690bc	#9690bc	#29224f	#29224f
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#b0abcd	#b0abcd	#1e1a3b	#1e1a3b
#fff4eb	#fff4eb	#483e34	#483e34	#cac7dd	#cac7dd	#141127	#141127
#fff9f5	#fff9f5	#241f1a	#241f1a	#e4e3ee	#e4e3ee	#0a0813	#0a0813
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peachpuff und Farbwert #483d8b

Wechsel der Umrandung bei Hover von HTML-Tag h2

Eine Überschrift erzeugt man mit Tag <h2>. Diese kann hervorgehoben und farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbe peachpuff auf Farbwert #483d8b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <h2> in Farbe peachpuff vor.

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

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

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #483d8b ändert.

<style type="text/css"><!--
  h2: hover { 
    border-color: #483d8b;
  }
//-->
</style>

Weiteres zum Thema h2 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Die Beschreibung des hier verwendeten Tag h2 erfahren Sie in der HTML Referenz unter <h2>.

Hintergrund/Text-Kombination bei Tag option

Hier ändern wir die Textfarbe von <option> auf Farbwert #483d8b und die Hintergrundfarbe von <option> auf Farbe peachpuff. Die Schriftart ändern wir auf courier new. Als Schriftgröße entscheiden wir uns für 9px.

<style type="text/css"><!--
  option { 
    font-family: courier new; 
    color: #483d8b; 
    background-color: peachpuff; 
    font-size: 9px;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Formulare in HTML. Die Beschreibung des Tag option finden Sie in der HTML Referenz unter <option>.