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

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.

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.				#6495ed eignet sich nicht als Schriftfarbe auf Hintergrund #f8f8ff, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit von #6495ed und #f8f8ff ergibt sich zu 86.61%. Die Lesbarkeit dieser Kombination liegt damit bei 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

Wechsel der Umrandung bei Hover von Befehl a

Mit HTML-Befehl <a> wird ein Verweis erzeugt. Er kann farblich gestaltet und hervorgehoben werden.

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

In diesem Beispiel umranden wir <a> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #f8f8ff.

<style type="text/css"><!--
  a { border:4px dotted #f8f8ff; }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #6495ed ändert.

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

Mehr zu a finden Sie in Verweise und Protokolle in HTML. Der Tag a ist in der HTML Referenz unter <a> ausführlich gezeigt.

Text- und Unterstreichungsfarben von Befehl strike

Wir ändern bei diesem Beispiel die Textfarbe von <strike> auf Farbwert #6495ed. Die Schriftart ändern wir auf monospace und setzen die Schriftgröße auf 80%. Wir unterstreichen den Inhalt von <strike> mit Hilfe eines gepunkteten Rahmens mit 5 Punkte Dicke in Farbwert #f8f8ff. Mit HTML ist dies kaum machbar. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  strike { 
    font-size:80%; 
    border-bottom-width:5pt; 
    color:#6495ed; 
    border-bottom-style:dotted; 
    border-bottom-color:#f8f8ff; 
    font-family:monospace;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema können Sie in Text in HTML nachsehen. Die Beschreibung vom hier gezeigten HTML-Tag strike finden Sie in der HTML Referenz unter <strike>.