Ressourcen: 120 HTML Farbnamen - Kombination von Farbe peachpuff und Farbwert #0000cd

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 #0000cd
Detail	:	Hintergrund peachpuff	Detail	:	Schrift #0000cd
Farbe	:	peachpuff	Farbwert	:	#0000cd
Farbwert	:	#ffdab9	Farbe	:	mediumblue
HTML	:	peachpuff	HTML	:	#0000cd
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#0000cd
CSS	:	peachpuff	CSS	:	#0000cd
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#0000cd
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#0000cd
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(0,0,205)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(0%,0%,80%)

Verlauf Hintergrundfarbe peachpuff nach Schriftfarbwert #0000cd
#ffdab9	#dababb	#b69bbe	#917cc1	#6d5dc4	#483ec7	#241fca	#0000cd
#ffdab9	#dababb	#b69bbe	#917cc1	#6d5dc4	#483ec7	#241fca	#0000cd

Kombination von peachpuff und #0000cd
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #0000cd und peachpuff beträgt 59.55%. Die Lesbarkeit dieser Kombination bewerte ich mit 40.45%. #0000cd eignet sich nicht als Schriftfarbe auf Hintergrund peachpuff. Zwar ist der Helligkeitsunterschied ok, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbe peachpuff				Schriftfarbwert #0000cd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#0000cd	#0000cd	#0000cd	#0000cd
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#2424d4	#2424d4	#0000af	#0000af
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#4848db	#4848db	#000092	#000092
#ffe9d7	#ffe9d7	#917c69	#917c69	#6d6de2	#6d6de2	#000075	#000075
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#9191e9	#9191e9	#000057	#000057
#fff4eb	#fff4eb	#483e34	#483e34	#b6b6f0	#b6b6f0	#00003a	#00003a
#fff9f5	#fff9f5	#241f1a	#241f1a	#dadaf7	#dadaf7	#00001d	#00001d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe peachpuff und Farbwert #0000cd

Hintergrund/Text-Kombination mit Befehl p

Wir ändern für dieses Beispiel die Textfarbe von <p> auf Farbwert #0000cd und die Hintergrundfarbe von <p> auf Farbe peachpuff. Die Schriftart ändern wir auf verdana. Als Schriftgröße entscheiden wir uns für 119%.

<style type="text/css"><!--
  p { 
    color:#0000cd; 
    font-family:verdana; 
    font-size:119%; 
    background-color:peachpuff;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Befehl p ist in der HTML Referenz bei <p> zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover bei Tag h5

Eine Überschrift der 5. Stufe setzt man mit HTML-Befehl <h5>. Diese kann man farblich gestalten.

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

Z.B. legen wir Farbe peachpuff als Hintergrundfarbe von <h5> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf courier new und setzen die Größe der Schrift auf 87%:

<style type="text/css"><!--
  h5 { 
    background-color:peachpuff; 
    font-size:87%; 
    font-family:courier new;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #0000cd ändert.

<style type="text/css"><!--
  h5: hover { 
    background-color: #0000cd;
  }
//-->
</style>

Mehr zu h5 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Die Beschreibung vom HTML-Tag h5 lesen Sie in der HTML Referenz unter <h5>.