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

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 #ee82ee			Schriftfarbe peachpuff
Detail	:	Hintergrund #ee82ee	Detail	:	Schrift peachpuff
Farbwert	:	#ee82ee	Farbe	:	peachpuff
Farbe	:	violet	Farbwert	:	#ffdab9
HTML	:	#ee82ee	HTML	:	peachpuff
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#ffdab9
CSS	:	#ee82ee	CSS	:	peachpuff
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#ffdab9
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#ffdab9
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(255,218,185)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(100%,85%,72%)

Verlauf Hintergrundfarbwert #ee82ee nach Schriftfarbe peachpuff
#ee82ee	#f08ee6	#f29bde	#f5a7d7	#f7b4cf	#fac0c8	#fccdc0	#ffdab9
#ee82ee	#f08ee6	#f29bde	#f5a7d7	#f7b4cf	#fac0c8	#fccdc0	#ffdab9

Kombination von #ee82ee und peachpuff
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 peachpuff und #ee82ee beträgt 91.60%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.40%. peachpuff eignet sich nicht als Schriftfarbe auf Hintergrund #ee82ee, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #ee82ee				Schriftfarbe peachpuff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#f5b7f5	#f5b7f5	#884a88	#884a88	#ffe9d7	#ffe9d7	#917c69	#917c69
#f7c9f7	#f7c9f7	#663766	#663766	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#fadbfa	#fadbfa	#442544	#442544	#fff4eb	#fff4eb	#483e34	#483e34
#fcedfc	#fcedfc	#221222	#221222	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ee82ee und Farbe peachpuff

Wechsel der Umrandung bei Hover mit Tag h5

Eine Überschrift erzeugen Sie mit Tag <h5>. Diese kann farblich gestaltet und hervorgehoben werden.

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

In diesem Beispiel umranden wir <h5> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbwert #ee82ee.

<style type="text/css"><!--
  h5 { border:5px outset #ee82ee; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf peachpuff gesetzt wird.

<style type="text/css"><!--
  h5:hover { 
    border-color:peachpuff;
  }
//-->
</style>

Weiteres zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten des Tag h5 erfahren Sie in der HTML Referenz unter <h5>.

Text- und Unterstreichungsfarben von Befehl h6

Eine Überschrift der 6. Stufe setzt man mit Tag <h6>. Sie kann farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h6> auf Farbe peachpuff. Die Schriftart setzen wir auf courier new und ändern die Schriftgröße auf 12pt. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines einfallenden Rahmens mit 5 Punkte Dicke in Farbwert #ee82ee. Das geht mit HTML nicht. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  h6 { 
    border-bottom-style: inset; 
    font-family: courier new; 
    color: peachpuff; 
    font-size: 12pt; 
    border-bottom-width: 5pt; 
    border-bottom-color: #ee82ee;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten des hier gezeigten Befehl <h6>.