Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslategray und Farbwert #fffaf0

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 darkslategray			Schriftfarbwert #fffaf0
Detail	:	Hintergrund darkslategray	Detail	:	Schrift #fffaf0
Farbe	:	darkslategray	Farbwert	:	#fffaf0
Farbwert	:	#2f4f4f	Farbe	:	floralwhite
HTML	:	darkslategray	HTML	:	#fffaf0
HTML (Wert)	:	#2f4f4f	HTML (Wert)	:	#fffaf0
CSS	:	darkslategray	CSS	:	#fffaf0
CSS (Wert)	:	#2f4f4f	CSS (Wert)	:	#fffaf0
CSS (kürzest)	:	#2f4f4f	CSS (kürzest)	:	#fffaf0
CSS (RGB)	:	rgb(47,79,79)	CSS (RGB)	:	rgb(255,250,240)
CSS (%RGB)	:	rgb(18%,30%,30%)	CSS (%RGB)	:	rgb(100%,98%,94%)

Verlauf Hintergrundfarbe darkslategray nach Schriftfarbwert #fffaf0
#2f4f4f	#4c6766	#6a7f7d	#889894	#a5b0ab	#c3c9c2	#e1e1d9	#fffaf0
#2f4f4f	#4c6766	#6a7f7d	#889894	#a5b0ab	#c3c9c2	#e1e1d9	#fffaf0

Kombination von darkslategray und #fffaf0
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				#fffaf0 eignet sich als Schriftfarbe auf Hintergrund darkslategray, da sowohl der Helligkeitsunterschied als auch der Unterschied in den Farben ok sind. Die Ähnlichkeit von #fffaf0 und darkslategray beträgt 59.14%. Die Lesbarkeit dieser Kombination liegt damit bei 40.86%.

Hintergrundfarbe darkslategray				Schriftfarbwert #fffaf0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f	#fffaf0	#fffaf0	#fffaf0	#fffaf0
#4c6868	#4c6868	#284343	#284343	#fffaf2	#fffaf2	#dad6cd	#dad6cd
#6a8181	#6a8181	#213838	#213838	#fffbf4	#fffbf4	#b6b2ab	#b6b2ab
#889a9a	#889a9a	#1a2d2d	#1a2d2d	#fffcf6	#fffcf6	#918e89	#918e89
#a5b3b3	#a5b3b3	#142121	#142121	#fffcf8	#fffcf8	#6d6b66	#6d6b66
#c3cccc	#c3cccc	#0d1616	#0d1616	#fffdfa	#fffdfa	#484744	#484744
#e1e5e5	#e1e5e5	#060b0b	#060b0b	#fffefc	#fffefc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkslategray und Farbwert #fffaf0

Füllen und Umranden mit Befehl a

Mit Befehl <a> erzeugen Sie einen Hyperlink und kann farblich gestaltet werden.

Hier umranden wir <a> mit einem . Die Hintergrundfarbe für <a> setzen wir entsprechend auf Farbe darkslategray. In HTML ist dies kaum machbar. Deshalb verwenden wir dafür CSS.

<style type="text/css"><!--
  a { 
    border-color:#fffaf0; 
    background-color:darkslategray; 
    border-style:ridge; 
    border-width:1px;
  }
//-->
</style>

Mehr zu a können Sie in Verweise und Protokolle in HTML finden. Möglichkeiten vom HTML-Befehl a finden Sie in der HTML Referenz unter <a>.

Wechsel der Textfarbe bei Hover von Tag textarea

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

Als Beispiel legen wir Farbe darkslategray als Textfarbe von <textarea> fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  textarea { 
    font-family:monospace; 
    color:darkslategray;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe zu #fffaf0 ändert.

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

Mehr zum Thema textarea können Sie in Formulare in HTML nachlesen. Der hier verwendete HTML-Tag textarea ist in der HTML Referenz bei <textarea> zusammengestellt.