Ressourcen: 120 HTML Farbnamen - Kombination von Farbe brown und Farbwert #6495ed

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 brown			Schriftfarbwert #6495ed
Detail	:	Hintergrund brown	Detail	:	Schrift #6495ed
Farbe	:	brown	Farbwert	:	#6495ed
Farbwert	:	#a52a2a	Farbe	:	cornflowerblue
HTML	:	brown	HTML	:	#6495ed
HTML (Wert)	:	#a52a2a	HTML (Wert)	:	#6495ed
CSS	:	brown	CSS	:	#6495ed
CSS (Wert)	:	#a52a2a	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#a52a2a	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(165,42,42)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(64%,16%,16%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbe brown nach Schriftfarbwert #6495ed
#a52a2a	#9b3945	#924861	#89577d	#7f6799	#7676b5	#6d85d1	#6495ed
#a52a2a	#9b3945	#924861	#89577d	#7f6799	#7676b5	#6d85d1	#6495ed

Kombination von brown und #6495ed
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				#6495ed ist nicht als Schriftfarbe auf Hintergrund brown geeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #6495ed und brown ergibt sich zu 88.65%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 11.35%.

Hintergrundfarbe brown				Schriftfarbwert #6495ed
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a52a2a	#a52a2a	#a52a2a	#a52a2a	#6495ed	#6495ed	#6495ed	#6495ed
#b14848	#b14848	#8d2424	#8d2424	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#be6666	#be6666	#751e1e	#751e1e	#90b3f2	#90b3f2	#476aa9	#476aa9
#cb8585	#cb8585	#5e1818	#5e1818	#a6c2f4	#a6c2f4	#395587	#395587
#d8a3a3	#d8a3a3	#461212	#461212	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#f2e0e0	#f2e0e0	#170606	#170606	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe brown und Farbwert #6495ed

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag textarea

Die Hintergrundfarbe soll sich von Farbe brown auf Farbwert #6495ed ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <textarea> in Farbe brown vor.

Z.B. setzen wir bei <textarea> die Hintergrundfarbe auf Farbe brown. Die Textfarbe ändern wir nicht. Die Schriftart setzen wir auf verdana und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  textarea { 
    font-family: verdana; 
    background-color: brown; 
    font-size: 13px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #6495ed ändert.

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

Weiteres zum Thema finden Sie in Formulare in HTML. Möglichkeiten des hier gezeigten Tag <textarea>.