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

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 aquamarine			Schriftfarbwert #f8f8ff
Detail	:	Hintergrund aquamarine	Detail	:	Schrift #f8f8ff
Farbe	:	aquamarine	Farbwert	:	#f8f8ff
Farbwert	:	#7fffd4	Farbe	:	ghostwhite
HTML	:	aquamarine	HTML	:	#f8f8ff
HTML (Wert)	:	#7fffd4	HTML (Wert)	:	#f8f8ff
CSS	:	aquamarine	CSS	:	#f8f8ff
CSS (Wert)	:	#7fffd4	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#7fffd4	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(127,255,212)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(49%,100%,83%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbe aquamarine nach Schriftfarbwert #f8f8ff
#7fffd4	#90feda	#a1fde0	#b2fce6	#c4fbec	#d5faf2	#e6f9f8	#f8f8ff
#7fffd4	#90feda	#a1fde0	#b2fce6	#c4fbec	#d5faf2	#e6f9f8	#f8f8ff

Kombination von aquamarine und #f8f8ff
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f8f8ff ist nicht als Schriftfarbe auf Hintergrund aquamarine geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #f8f8ff und aquamarine beträgt 94.49%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.51%.

Hintergrundfarbe aquamarine				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fffd4	#7fffd4	#7fffd4	#7fffd4	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#91ffda	#91ffda	#6cdab5	#6cdab5	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#a3ffe0	#a3ffe0	#5ab697	#5ab697	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#b5ffe6	#b5ffe6	#489179	#489179	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#c8ffec	#c8ffec	#366d5a	#366d5a	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#dafff2	#dafff2	#24483c	#24483c	#fdfdff	#fdfdff	#464648	#464648
#ecfff8	#ecfff8	#12241e	#12241e	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe aquamarine und Farbwert #f8f8ff

Wechsel der Textfarbe bei Hover bei Tag a

Ein Hyperlink wird mit HTML-Befehl <a> erzeugt. Diesen kann man farblich gestalten.

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

Hier legen wir Farbe aquamarine als Textfarbe von <a> fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart ändern wir auf verdana:

<style type="text/css"><!--
  a { 
    font-family:verdana; 
    color:aquamarine;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #f8f8ff gesetzt wird.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML lesen. Beschreibung vom hier genutzten Befehl <a>.