Ressourcen: 120 HTML Farbnamen - Kombination von Farbe antiquewhite und Farbwert #ff1493

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.

Hintergrundfarbe antiquewhite			Schriftfarbwert #ff1493
Detail	:	Hintergrund antiquewhite	Detail	:	Schrift #ff1493
Farbe	:	antiquewhite	Farbwert	:	#ff1493
Farbwert	:	#faebd7	Farbe	:	deeppink
HTML	:	antiquewhite	HTML	:	#ff1493
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#ff1493
CSS	:	antiquewhite	CSS	:	#ff1493
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbe antiquewhite nach Schriftfarbwert #ff1493
#faebd7	#facccd	#fbadc3	#fc8eb9	#fc70b0	#fd51a6	#fe329c	#ff1493
#faebd7	#facccd	#fbadc3	#fc8eb9	#fc70b0	#fd51a6	#fe329c	#ff1493

Kombination von antiquewhite und #ff1493
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ff1493 und antiquewhite beträgt 85.21%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 14.79%. Auf Hintergrund antiquewhite ist #ff1493 ungeeignet. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbe antiquewhite				Schriftfarbwert #ff1493
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#ff1493	#ff1493	#ff1493	#ff1493
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#ff35a2	#ff35a2	#da117e	#da117e
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#ff57b1	#ff57b1	#b60e69	#b60e69
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#ff78c1	#ff78c1	#910b54	#910b54
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#fdf9f3	#fdf9f3	#47433d	#47433d	#ffbbe0	#ffbbe0	#48052a	#48052a
#fefcf9	#fefcf9	#23211e	#23211e	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe antiquewhite und Farbwert #ff1493

Wechsel der Umrandung bei Hover mit HTML-Tag textarea

Die Rahmenfarbe soll sich von Farbe antiquewhite auf Farbwert #ff1493 ändern, wenn man mit der Maus auf <textarea> zeigt. Wir bereiten zunächst die Darstellung von <textarea> in Farbe antiquewhite vor.

In diesem Beispiel umranden wir <textarea> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbe antiquewhite.

<style type="text/css"><!--
  textarea { border:2px ridge antiquewhite; }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #ff1493 ändert.

<style type="text/css"><!--
  textarea: hover { 
    border-color: #ff1493;
  }
//-->
</style>

Mehr zu textarea können Sie in Formulare in HTML nachlesen. Mehr zum hier gezeigten HTML-Tag <textarea>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl dd

Die Hintergrundfarbe soll sich von Farbe antiquewhite auf Farbwert #ff1493 ändern, wenn man mit der Maus auf <dd> zeigt. Bereiten wir zunächst eine Darstellung von <dd> in Farbe antiquewhite vor.

Hier ändern wir bei <dd> die Hintergrundfarbe auf Farbe antiquewhite:

<style type="text/css"><!--
  dd { 
    background-color: antiquewhite;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #ff1493 gesetzt wird.

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

Mehr zum Thema dd lesen Sie in Listen und Glossare in HTML. Mehr zum hier verwendeten HTML-Tag <dd>.