Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbe aqua

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.

Hintergrundfarbwert #f8f8ff			Schriftfarbe aqua
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift aqua
Farbwert	:	#f8f8ff	Farbe	:	aqua
Farbe	:	ghostwhite	Farbwert	:	#00ffff
HTML	:	#f8f8ff	HTML	:	aqua
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#00ffff
CSS	:	#f8f8ff	CSS	:	aqua
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#00ffff
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#0ff
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(0,255,255)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(0%,100%,100%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbe aqua
#f8f8ff	#d4f9ff	#b1faff	#8dfbff	#6afcff	#46fdff	#23feff	#00ffff
#f8f8ff	#d4f9ff	#b1faff	#8dfbff	#6afcff	#46fdff	#23feff	#00ffff

Kombination von #f8f8ff und aqua
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von aqua und #f8f8ff beträgt 94.35%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.65%. aqua eignet sich nicht als Schriftfarbe auf Hintergrund #f8f8ff. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbwert #f8f8ff				Schriftfarbe aqua
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#00ffff	#00ffff	#00ffff	#00ffff
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#24ffff	#24ffff	#00dada	#00dada
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#48ffff	#48ffff	#00b6b6	#00b6b6
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#6dffff	#6dffff	#009191	#009191
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#91ffff	#91ffff	#006d6d	#006d6d
#fdfdff	#fdfdff	#464648	#464648	#b6ffff	#b6ffff	#004848	#004848
#fefeff	#fefeff	#232324	#232324	#daffff	#daffff	#002424	#002424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f8f8ff und Farbe aqua

Füllen und Umranden bei Tag tr

Für dieses Beispiel umranden wir <tr> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe aqua . Den Hintergrund von <tr> setzen wir entsprechend auf Farbwert #f8f8ff. Das ist mit HTML nicht möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  tr { border:2px double aqua; background-color:#f8f8ff; }
//-->
</style>

Mehr zum Thema tr lesen Sie in Tabellen in HTML. Einzelheiten vom Tag tr sind in der HTML Referenz bei <tr> genau zusammengestellt.

Wechsel der Textfarbe bei Hover mit Befehl a

Mit Tag <a> setzen Sie einen Verweis. Diesen kann man hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbwert #f8f8ff auf Farbe aqua ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #f8f8ff vor.

Hier legen wir Farbwert #f8f8ff als Textfarbe von <a> fest. Die Größe der Schrift setzen wir auf 86%:

<style type="text/css"><!--
  a { 
    font-size:86%; 
    color:#f8f8ff;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu aqua ändert.

<style type="text/css"><!--
  a: hover { 
    color: aqua;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Verweise und Protokolle in HTML. Der hier genutzte HTML-Tag a ist in der HTML Referenz bei <a> beschrieben.