Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f8f8ff 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 #f8f8ff			Schriftfarbwert #c71585
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift #c71585
Farbwert	:	#f8f8ff	Farbwert	:	#c71585
Farbe	:	ghostwhite	Farbe	:	mediumvioletred
HTML	:	#f8f8ff	HTML	:	#c71585
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#c71585
CSS	:	#f8f8ff	CSS	:	#c71585
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbwert #c71585
#f8f8ff	#f1d7ed	#eab7dc	#e396ca	#dc76b9	#d555a7	#ce3596	#c71585
#f8f8ff	#f1d7ed	#eab7dc	#e396ca	#dc76b9	#d555a7	#ce3596	#c71585

Kombination von #f8f8ff 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #f8f8ff ist #c71585 ungeeignet. Zwar ist der Helligkeitsunterschied gross genug, die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #c71585 und #f8f8ff beträgt 75.59%. Die Lesbarkeit dieser Kombination bewerte ich mit 24.41%.

Hintergrundfarbwert #f8f8ff				Schriftfarbwert #c71585
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#c71585	#c71585	#c71585	#c71585
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#cf3696	#cf3696	#aa1272	#aa1272
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#df79b9	#df79b9	#710c4c	#710c4c
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#e79aca	#e79aca	#550939	#550939
#fdfdff	#fdfdff	#464648	#464648	#efbcdc	#efbcdc	#380626	#380626
#fefeff	#fefeff	#232324	#232324	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f8f8ff und Farbwert #c71585

Text- und Unterstreichungsfarben von Tag code

Hier ändern wir die Textfarbe von <code> auf Farbwert #c71585. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 9px. Wir unterstreichen den Inhalt von <code> mit Hilfe eines gepunkteten Rahmens mit 2 Punkte Dicke in Farbwert #f8f8ff. In HTML ist dies kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  code { 
    color: #c71585; 
    border-bottom-style: dotted; 
    border-bottom-width: 2pt; 
    border-bottom-color: #f8f8ff; 
    font-family: verdana; 
    font-size: 9px;
  }
//-->
</style>

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

Mehr zu code finden Sie in Text in HTML. Beschreibung des HTML-Tag <code>.

Wechsel der Textfarbe bei Hover von HTML-Tag ins

Die Textfarbe soll sich von Farbwert #f8f8ff auf Farbwert #c71585 ändern, wenn man mit der Maus auf <ins> zeigt. Wir bereiten zunächst eine Formatierung von <ins> in Farbwert #f8f8ff vor.

Wir legen hier Farbwert #f8f8ff als Textfarbe von <ins> fest:

<style type="text/css"><!--
  ins { 
    color:#f8f8ff;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #c71585 gesetzt wird.

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

Weiteres zum Tag <ins>.