Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumslateblue und Farbwert #ffe4b5

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 mediumslateblue			Schriftfarbwert #ffe4b5
Detail	:	Hintergrund mediumslateblue	Detail	:	Schrift #ffe4b5
Farbe	:	mediumslateblue	Farbwert	:	#ffe4b5
Farbwert	:	#7b68ee	Farbe	:	moccasin
HTML	:	mediumslateblue	HTML	:	#ffe4b5
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#ffe4b5
CSS	:	mediumslateblue	CSS	:	#ffe4b5
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbe mediumslateblue nach Schriftfarbwert #ffe4b5
#7b68ee	#8d79e5	#a08bdd	#b39dd5	#c6aecd	#d9c0c5	#ecd2bd	#ffe4b5
#7b68ee	#8d79e5	#a08bdd	#b39dd5	#c6aecd	#d9c0c5	#ecd2bd	#ffe4b5

Kombination von mediumslateblue und #ffe4b5
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #ffe4b5 und mediumslateblue ergibt sich zu 83.98%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 16.02%. #ffe4b5 ist nicht als Schriftfarbe auf Hintergrund mediumslateblue geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe mediumslateblue				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#8d7df0	#8d7df0	#6959cc	#6959cc	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#a093f2	#a093f2	#574aaa	#574aaa	#ffebca	#ffebca	#b6a281	#b6a281
#b3a8f5	#b3a8f5	#463b88	#463b88	#ffefd4	#ffefd4	#918267	#918267
#c6bef7	#c6bef7	#342c66	#342c66	#fff3df	#fff3df	#6d614d	#6d614d
#d9d3fa	#d9d3fa	#231d44	#231d44	#fff7e9	#fff7e9	#484133	#484133
#ece9fc	#ece9fc	#110e22	#110e22	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumslateblue und Farbwert #ffe4b5

Wechsel der Textfarbe bei Hover bei HTML-Befehl textarea

Die Textfarbe soll sich von Farbe mediumslateblue auf Farbwert #ffe4b5 ändern, wenn man mit der Maus auf <textarea> zeigt. Bereiten wir zunächst die Formatierung von <textarea> in Farbe mediumslateblue vor.

Wir legen für dieses Beispiel Farbe mediumslateblue als Textfarbe von <textarea> fest und setzen die Größe der Schrift auf 9px:

<style type="text/css"><!--
  textarea { 
    color: mediumslateblue; 
    font-size: 9px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #ffe4b5 ändert.

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

Mehr zum Thema textarea lesen Sie in Formulare in HTML. Mehr zum Tag <textarea>.

Füllen und Umranden von HTML-Tag frame

Für dieses Beispiel umranden wir <frame> mit einem gefurchten, 1 Pixel dicken Rahmen in Farbwert #ffe4b5 . Den Hintergrund von <frame> setzen wir auf Farbe mediumslateblue. Mit HTML geht dies nicht. Deshalb verwenden wir hierfür CSS.

<style type="text/css"><!--
  frame { border:1px groove #ffe4b5; background-color:mediumslateblue; }
//-->
</style>

Weiteres zum hier genutzten HTML-Tag frame finden Sie in der HTML Referenz unter <frame>.