Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbwert #6495ed

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			Schriftfarbwert #6495ed
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift #6495ed
Farbwert	:	#f8f8ff	Farbwert	:	#6495ed
Farbe	:	ghostwhite	Farbe	:	cornflowerblue
HTML	:	#f8f8ff	HTML	:	#6495ed
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#6495ed
CSS	:	#f8f8ff	CSS	:	#6495ed
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbwert #6495ed
#f8f8ff	#e2e9fc	#cddbf9	#b8cdf7	#a3bff4	#8eb1f2	#79a3ef	#6495ed
#f8f8ff	#e2e9fc	#cddbf9	#b8cdf7	#a3bff4	#8eb1f2	#79a3ef	#6495ed

Kombination von #f8f8ff und #6495ed
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #f8f8ff ist #6495ed ungeeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von #6495ed und #f8f8ff ergibt sich zu 86.61%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 13.39%.

Hintergrundfarbwert #f8f8ff				Schriftfarbwert #6495ed
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#6495ed	#6495ed	#6495ed	#6495ed
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#90b3f2	#90b3f2	#476aa9	#476aa9
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#a6c2f4	#a6c2f4	#395587	#395587
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#fdfdff	#fdfdff	#464648	#464648	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#fefeff	#fefeff	#232324	#232324	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f8f8ff und Farbwert #6495ed

Hintergrund/Text-Kombination mit Tag var

Wir ändern für dieses Beispiel die Textfarbe von <var> auf Farbwert #6495ed und die Hintergrundfarbe von <var> auf Farbwert #f8f8ff. Als Schriftart wählen wir arial. Als Schriftgröße entscheiden wir uns für 99%.

<style type="text/css"><!--
  var { 
    background-color:#f8f8ff; 
    font-size:99%; 
    color:#6495ed; 
    font-family:arial;
  }
//-->
</style>

Weiteres zu var erfahren Sie in Text in HTML. Zur Beschreibung vom Tag <var>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl a

Mit HTML-Befehl <a> wird ein Hyperlink erzeugt. Diesen können Sie hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #f8f8ff auf Farbwert #6495ed ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #f8f8ff vor.

Wir setzen für dieses Beispiel bei <a> die Hintergrundfarbe auf Farbwert #f8f8ff.

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

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #6495ed gesetzt wird.

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML erfahren. Der HTML-Befehl a ist in der HTML Referenz unter <a> ausführlich beschrieben.