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

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

Verlauf Hintergrundfarbe darkslategray nach Schriftfarbwert #f0ffff
#2f4f4f	#4a6868	#668181	#819a9a	#9db3b3	#b8cccc	#d4e5e5	#f0ffff
#2f4f4f	#4a6868	#668181	#819a9a	#9db3b3	#b8cccc	#d4e5e5	#f0ffff

Kombination von darkslategray und #f0ffff
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f0ffff eignet sich als Schriftfarbe auf Hintergrund darkslategray, weil der Helligkeitsunterschied gut ist, der Unterschied in den Farben ebenso. Die Ähnlichkeit der Farben #f0ffff und darkslategray beträgt 58.59%. Die Lesbarkeit dieser Kombination liegt damit bei 41.41%.

Hintergrundfarbe darkslategray				Schriftfarbwert #f0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#4c6868	#4c6868	#284343	#284343	#f2ffff	#f2ffff	#cddada	#cddada
#6a8181	#6a8181	#213838	#213838	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#889a9a	#889a9a	#1a2d2d	#1a2d2d	#f6ffff	#f6ffff	#899191	#899191
#a5b3b3	#a5b3b3	#142121	#142121	#f8ffff	#f8ffff	#666d6d	#666d6d
#c3cccc	#c3cccc	#0d1616	#0d1616	#faffff	#faffff	#444848	#444848
#e1e5e5	#e1e5e5	#060b0b	#060b0b	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkslategray und Farbwert #f0ffff

Wechsel der Textfarbe bei Hover mit HTML-Tag code

Die Textfarbe soll sich von Farbe darkslategray auf Farbwert #f0ffff ändern, wenn man mit der Maus auf <code> zeigt. Bereiten wir zunächst eine Darstellung von <code> in Farbe darkslategray vor.

Als Beispiel setzen wir bei <code> die Textfarbe auf Farbe darkslategray. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf verdana und ändern die Größe der Schrift auf 13px:

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

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #f0ffff geändert wird.

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

Mehr zu code erfahren Sie in Text in HTML. Der HTML-Tag code ist in der HTML Referenz bei <code> ausführlich gezeigt.

Füllen und Umranden mit HTML-Befehl option

Hier umranden wir <option> mit einem gestrichelten, 2 Pixel dicken Rahmen in Farbwert #f0ffff . Die Hintergrundfarbe für <option> färben wir mit Farbe darkslategray. Mit HTML geht dies nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  option { border:2px dashed #f0ffff; background-color:darkslategray; }
//-->
</style>

Weiteres zum Thema option lesen Sie in Formulare in HTML. Der Befehl option ist in der HTML Referenz unter <option> genau beschrieben.