Ressourcen: 137 HTML Farbnamen - Kombination von Farbe purple und Farbwert #ffe4b5

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.

Hintergrundfarbe purple			Schriftfarbwert #ffe4b5
Detail	:	Hintergrund purple	Detail	:	Schrift #ffe4b5
Farbe	:	purple	Farbwert	:	#ffe4b5
Farbwert	:	#800080	Farbe	:	moccasin
HTML	:	purple	HTML	:	#ffe4b5
HTML (Wert)	:	#800080	HTML (Wert)	:	#ffe4b5
CSS	:	purple	CSS	:	#ffe4b5
CSS (Wert)	:	#800080	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#800080	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(128,0,128)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(50%,0%,50%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbe purple nach Schriftfarbwert #ffe4b5
#800080	#922087	#a4418f	#b66196	#c8829e	#daa2a5	#ecc3ad	#ffe4b5
#800080	#922087	#a4418f	#b66196	#c8829e	#daa2a5	#ecc3ad	#ffe4b5

Kombination von purple und #ffe4b5
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffe4b5 eignet sich nicht als Schriftfarbe auf Hintergrund purple, weil der Unterschied in den Farben zu gering ist Die Ähnlichkeit der Farben #ffe4b5 und purple ergibt sich zu 63.66%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 36.34%.

Hintergrundfarbe purple				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800080	#800080	#800080	#800080	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#922492	#922492	#6d006d	#6d006d	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#a448a4	#a448a4	#5b005b	#5b005b	#ffebca	#ffebca	#b6a281	#b6a281
#b66db6	#b66db6	#490049	#490049	#ffefd4	#ffefd4	#918267	#918267
#c891c8	#c891c8	#360036	#360036	#fff3df	#fff3df	#6d614d	#6d614d
#dab6da	#dab6da	#240024	#240024	#fff7e9	#fff7e9	#484133	#484133
#ecdaec	#ecdaec	#120012	#120012	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe purple und Farbwert #ffe4b5

Füllen und Umranden von Befehl img

Bei diesem Beispiel umranden wir <img> mit einem . Den Hintergrund von <img> setzen wir auf Farbe purple. Das ist mit HTML nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  img { border:3px dotted #ffe4b5; background-color:purple; }
//-->
</style>

Weiteres zu img erfahren Sie in Grafik in HTML. Möglichkeiten vom hier verwendeten HTML-Befehl img sind in der HTML Referenz unter <img> beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag a

Einen Hyperlink setzen Sie mit Tag <a>. Diesen kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe purple auf Farbwert #ffe4b5 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbe purple vor.

Hier legen wir Farbe purple als Hintergrundfarbe von <a> fest. Die Schriftgröße vergrößern wir auf 111%:

<style type="text/css"><!--
  a { 
    font-size:111%; 
    background-color:purple;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #ffe4b5 ändert.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML lesen. Einzelheiten vom HTML-Befehl <a>.