Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fffaf0 und Farbwert #c71585

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.

Hintergrundfarbwert #fffaf0			Schriftfarbwert #c71585
Detail	:	Hintergrund #fffaf0	Detail	:	Schrift #c71585
Farbwert	:	#fffaf0	Farbwert	:	#c71585
Farbe	:	floralwhite	Farbe	:	mediumvioletred
HTML	:	#fffaf0	HTML	:	#c71585
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#c71585
CSS	:	#fffaf0	CSS	:	#c71585
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbwert #fffaf0 nach Schriftfarbwert #c71585
#fffaf0	#f7d9e0	#efb8d1	#e797c2	#df77b2	#d756a3	#cf3594	#c71585
#fffaf0	#f7d9e0	#efb8d1	#e797c2	#df77b2	#d756a3	#cf3594	#c71585

Kombination von #fffaf0 und #c71585
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #c71585 und #fffaf0 ergibt sich zu 75.19%. Die Lesbarkeit dieser Kombination liegt damit bei 24.81%. Auf Hintergrund #fffaf0 ist #c71585 ungeeignet, da der Farbunterschied nicht ausreichend ist

Hintergrundfarbwert #fffaf0				Schriftfarbwert #c71585
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#c71585	#c71585	#c71585	#c71585
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#cf3696	#cf3696	#aa1272	#aa1272
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#fffcf6	#fffcf6	#918e89	#918e89	#df79b9	#df79b9	#710c4c	#710c4c
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#e79aca	#e79aca	#550939	#550939
#fffdfa	#fffdfa	#484744	#484744	#efbcdc	#efbcdc	#380626	#380626
#fffefc	#fffefc	#242322	#242322	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffaf0 und Farbwert #c71585

Text- und Unterstreichungsfarben von Befehl h6

Mit Befehl <h6> setzen Sie eine Überschrift. Diese kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <h6> auf Farbwert #c71585 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße verringern wir auf 96%. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines einfallenden Rahmens mit 2 Punkte Dicke in Farbwert #fffaf0. Mit HTML ist das nicht machbar. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  h6 { 
    color: #c71585; 
    font-family: sans-serif; 
    border-bottom-width: 2pt; 
    border-bottom-style: inset; 
    border-bottom-color: #fffaf0; 
    font-size: 96%;
  }
//-->
</style>

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

Weiteres zu h6 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier genutzten Befehl <h6>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag form

Die Hintergrundfarbe soll sich von Farbwert #fffaf0 auf Farbwert #c71585 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <form> in Farbwert #fffaf0 vor.

Hier legen wir bei <form> die Hintergrundfarbe auf Farbwert #fffaf0 fest und verkleinern die Größe der Schrift auf 96%.

<style type="text/css"><!--
  form { 
    font-size: 96%; 
    background-color: #fffaf0;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #c71585 geändert wird.

<style type="text/css"><!--
  form:hover { 
    background-color:#c71585;
  }
//-->
</style>

Weiteres zu form erfahren Sie in Formulare in HTML. Zur Beschreibung vom hier gezeigten Tag <form>.