Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fdf5e6 und Farbwert #c71585

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 #fdf5e6			Schriftfarbwert #c71585
Detail	:	Hintergrund #fdf5e6	Detail	:	Schrift #c71585
Farbwert	:	#fdf5e6	Farbwert	:	#c71585
Farbe	:	oldlace	Farbe	:	mediumvioletred
HTML	:	#fdf5e6	HTML	:	#c71585
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#c71585
CSS	:	#fdf5e6	CSS	:	#c71585
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#c71585
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#c71585
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(199,21,133)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(78%,8%,52%)

Verlauf Hintergrundfarbwert #fdf5e6 nach Schriftfarbwert #c71585
#fdf5e6	#f5d5d8	#edb5ca	#e595bc	#de75ae	#d655a0	#ce3592	#c71585
#fdf5e6	#f5d5d8	#edb5ca	#e595bc	#de75ae	#d655a0	#ce3592	#c71585

Kombination von #fdf5e6 und #c71585
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #fdf5e6 ist #c71585 ungeeignet, weil der Unterschied in den Farben nicht ausreichend ist Die Ähnlichkeit von #c71585 und #fdf5e6 beträgt 76.18%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 23.82%.

Hintergrundfarbwert #fdf5e6				Schriftfarbwert #c71585
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#c71585	#c71585	#c71585	#c71585
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#cf3696	#cf3696	#aa1272	#aa1272
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#d757a7	#d757a7	#8e0f5f	#8e0f5f
#fdf9f0	#fdf9f0	#908c83	#908c83	#df79b9	#df79b9	#710c4c	#710c4c
#fefaf4	#fefaf4	#6c6962	#6c6962	#e79aca	#e79aca	#550939	#550939
#fefcf7	#fefcf7	#484641	#484641	#efbcdc	#efbcdc	#380626	#380626
#fefdfb	#fefdfb	#242320	#242320	#f7dded	#f7dded	#1c0313	#1c0313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fdf5e6 und Farbwert #c71585

Füllen und Umranden mit Tag p

Für dieses Beispiel umranden wir <p> mit einem gepunkteten, 1 Punkte dicken Rahmen in Farbwert #c71585 . Die Hintergrundfarbe für <p> setzen wir entsprechend auf Farbwert #fdf5e6. Dies geht mit HTML kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  p { 
    border-style: dotted; 
    border-color: #c71585; 
    border-width: 1pt; 
    background-color: #fdf5e6;
  }
//-->
</style>

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten des HTML-Befehl p finden Sie in der HTML Referenz unter <p>.

Wechsel der Textfarbe bei Hover von Tag center

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

Wir legen hier bei <center> die Textfarbe auf Farbwert #fdf5e6 fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf sans-serif. Die Schriftgröße verkleinern wir auf 89%:

<style type="text/css"><!--
  center { 
    font-family:sans-serif; 
    color:#fdf5e6; 
    font-size:89%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #c71585 geändert wird.

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

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom Tag center erfahren Sie in der HTML Referenz unter <center>.