Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbwert #0000ff

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 #0000ff
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift #0000ff
Farbwert	:	#f8f8ff	Farbwert	:	#0000ff
Farbe	:	ghostwhite	Farbe	:	blue
HTML	:	#f8f8ff	HTML	:	#0000ff
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#0000ff
CSS	:	#f8f8ff	CSS	:	#0000ff
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbwert #0000ff
#f8f8ff	#d4d4ff	#b1b1ff	#8d8dff	#6a6aff	#4646ff	#2323ff	#0000ff
#f8f8ff	#d4d4ff	#b1b1ff	#8d8dff	#6a6aff	#4646ff	#2323ff	#0000ff

Kombination von #f8f8ff und #0000ff
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.				#0000ff eignet sich nicht als Schriftfarbe auf Hintergrund #f8f8ff, weil der Farbunterschied zu gering ist Die Ähnlichkeit der Farben #0000ff und #f8f8ff ergibt sich zu 61.30%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 38.70%.

Hintergrundfarbwert #f8f8ff				Schriftfarbwert #0000ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#0000ff	#0000ff	#0000ff	#0000ff
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#2424ff	#2424ff	#0000da	#0000da
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#4848ff	#4848ff	#0000b6	#0000b6
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#6d6dff	#6d6dff	#000091	#000091
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#9191ff	#9191ff	#00006d	#00006d
#fdfdff	#fdfdff	#464648	#464648	#b6b6ff	#b6b6ff	#000048	#000048
#fefeff	#fefeff	#232324	#232324	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f8f8ff und Farbwert #0000ff

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl dt

Die Hintergrundfarbe soll sich von Farbwert #f8f8ff auf Farbwert #0000ff ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst eine Darstellung von <dt> in Farbwert #f8f8ff vor.

Wir setzen für dieses Beispiel bei <dt> die Hintergrundfarbe auf Farbwert #f8f8ff. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf sans-serif:

<style type="text/css"><!--
  dt { 
    background-color: #f8f8ff; 
    font-family: sans-serif;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #0000ff geändert wird.

<style type="text/css"><!--
  dt: hover { 
    background-color: #00f;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachsehen. Weiteres zum Befehl dt lesen Sie in der HTML Referenz unter <dt>.

Text- und Unterstreichungsfarben bei Tag blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbwert #0000ff. Die Schriftart setzen wir auf arial und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines doppelten Rahmens mit 3 Punkte Dicke in Farbwert #f8f8ff. In HTML geht dies kaum. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  blockquote { 
    border-bottom:3pt double #f8f8ff; 
    font-size:13px; 
    color:#00f; 
    font-family:arial;
  }
//-->
</style>

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

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Die Beschreibung des hier verwendeten HTML-Befehl blockquote lesen Sie in der HTML Referenz unter <blockquote>.