Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ff1493 und Farbwert #fff5ee

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 #ff1493			Schriftfarbwert #fff5ee
Detail	:	Hintergrund #ff1493	Detail	:	Schrift #fff5ee
Farbwert	:	#ff1493	Farbwert	:	#fff5ee
Farbe	:	deeppink	Farbe	:	seashell
HTML	:	#ff1493	HTML	:	#fff5ee
HTML (Wert)	:	#ff1493	HTML (Wert)	:	#fff5ee
CSS	:	#ff1493	CSS	:	#fff5ee
CSS (Wert)	:	#ff1493	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#ff1493	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(255,20,147)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(100%,7%,57%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbwert #ff1493 nach Schriftfarbwert #fff5ee
#ff1493	#ff34a0	#ff54ad	#ff74ba	#ff94c7	#ffb4d4	#ffd4e1	#fff5ee
#ff1493	#ff34a0	#ff54ad	#ff74ba	#ff94c7	#ffb4d4	#ffd4e1	#fff5ee

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

Hintergrundfarbwert #ff1493				Schriftfarbwert #fff5ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff1493	#ff1493	#ff1493	#ff1493	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#ff35a2	#ff35a2	#da117e	#da117e	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#ff57b1	#ff57b1	#b60e69	#b60e69	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#ff78c1	#ff78c1	#910b54	#910b54	#fff9f5	#fff9f5	#918c88	#918c88
#ff9ad0	#ff9ad0	#6d083f	#6d083f	#fffaf7	#fffaf7	#6d6966	#6d6966
#ffbbe0	#ffbbe0	#48052a	#48052a	#fffcfa	#fffcfa	#484644	#484644
#ffddef	#ffddef	#240215	#240215	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ff1493 und Farbwert #fff5ee

Wechsel der Textfarbe bei Hover von HTML-Tag del

Die Textfarbe soll sich von Farbwert #ff1493 auf Farbwert #fff5ee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <del> in Farbwert #ff1493 vor.

Wir setzen als Beispiel die Textfarbe von <del> auf Farbwert #ff1493. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf arial. Die Größe der Schrift verringern wir auf 87%:

<style type="text/css"><!--
  del { 
    font-size:87%; 
    color:#ff1493; 
    font-family:arial;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #fff5ee ändert.

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

Die Beschreibung des HTML-Tag del lesen Sie in der HTML Referenz unter <del>.