Ressourcen: 137 HTML Farbnamen - Kombination von Farbe whitesmoke und Farbwert #00ffff

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 whitesmoke			Schriftfarbwert #00ffff
Detail	:	Hintergrund whitesmoke	Detail	:	Schrift #00ffff
Farbe	:	whitesmoke	Farbwert	:	#00ffff
Farbwert	:	#f5f5f5	Farbe	:	aqua
HTML	:	whitesmoke	HTML	:	#00ffff
HTML (Wert)	:	#f5f5f5	HTML (Wert)	:	#00ffff
CSS	:	whitesmoke	CSS	:	#00ffff
CSS (Wert)	:	#f5f5f5	CSS (Wert)	:	#00ffff
CSS (kürzest)	:	#f5f5f5	CSS (kürzest)	:	#0ff
CSS (RGB)	:	rgb(245,245,245)	CSS (RGB)	:	rgb(0,255,255)
CSS (%RGB)	:	rgb(96%,96%,96%)	CSS (%RGB)	:	rgb(0%,100%,100%)

Verlauf Hintergrundfarbe whitesmoke nach Schriftfarbwert #00ffff
#f5f5f5	#d2f6f6	#aff7f7	#8cf9f9	#69fafa	#46fcfc	#23fdfd	#00ffff
#f5f5f5	#d2f6f6	#aff7f7	#8cf9f9	#69fafa	#46fcfc	#23fdfd	#00ffff

Kombination von whitesmoke und #00ffff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #00ffff und whitesmoke beträgt 94.52%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.48%. #00ffff eignet sich nicht als Schriftfarbe auf Hintergrund whitesmoke, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe whitesmoke				Schriftfarbwert #00ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5	#00ffff	#00ffff	#00ffff	#00ffff
#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2	#24ffff	#24ffff	#00dada	#00dada
#f7f7f7	#f7f7f7	#afafaf	#afafaf	#48ffff	#48ffff	#00b6b6	#00b6b6
#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c	#6dffff	#6dffff	#009191	#009191
#fafafa	#fafafa	#696969	#696969	#91ffff	#91ffff	#006d6d	#006d6d
#fcfcfc	#fcfcfc	#464646	#464646	#b6ffff	#b6ffff	#004848	#004848
#fdfdfd	#fdfdfd	#232323	#232323	#daffff	#daffff	#002424	#002424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe whitesmoke und Farbwert #00ffff

Wechsel der Hintergrundfarbe bei Hover mit Befehl textarea

Die Hintergrundfarbe soll sich von Farbe whitesmoke auf Farbwert #00ffff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <textarea> in Farbe whitesmoke vor.

Wir legen hier Farbe whitesmoke als Hintergrundfarbe von <textarea> fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift verringern wir auf 83%.

<style type="text/css"><!--
  textarea { 
    font-family: sans-serif; 
    font-size: 83%; 
    background-color: whitesmoke;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #00ffff geändert wird.

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

Weiteres zum Thema textarea können Sie in Formulare in HTML nachlesen. Mehr zum hier genutzten HTML-Tag textarea ist in der HTML Referenz unter <textarea> ausführlich beschrieben.

Wechsel der Textfarbe bei Hover mit Befehl center

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

Zum Beispiel legen wir Farbe whitesmoke als Textfarbe von <center> fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf sans-serif und setzen die Schriftgröße auf 116%.

<style type="text/css"><!--
  center { 
    color:whitesmoke; 
    font-family:sans-serif; 
    font-size:116%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf #00ffff ändert.

<style type="text/css"><!--
  center:hover { 
    color:#00ffff;
  }
//-->
</style>

Mehr zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Mehr zum hier verwendeten HTML-Befehl center finden Sie in der HTML Referenz unter <center>.