Ressourcen: 120 HTML Farbnamen - Kombination von Farbe ghostwhite und Farbwert #4169e1

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.

Hintergrundfarbe ghostwhite			Schriftfarbwert #4169e1
Detail	:	Hintergrund ghostwhite	Detail	:	Schrift #4169e1
Farbe	:	ghostwhite	Farbwert	:	#4169e1
Farbwert	:	#f8f8ff	Farbe	:	royalblue
HTML	:	ghostwhite	HTML	:	#4169e1
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#4169e1
CSS	:	ghostwhite	CSS	:	#4169e1
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#4169e1
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#4169e1
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(65,105,225)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(25%,41%,88%)

Verlauf Hintergrundfarbe ghostwhite nach Schriftfarbwert #4169e1
#f8f8ff	#dde3fa	#c3cff6	#a9baf2	#8fa6ed	#7591e9	#5b7de5	#4169e1
#f8f8ff	#dde3fa	#c3cff6	#a9baf2	#8fa6ed	#7591e9	#5b7de5	#4169e1

Kombination von ghostwhite und #4169e1
Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #4169e1 und ghostwhite beträgt 78.17%. Die Lesbarkeit dieser Kombination liegt damit bei 21.83%. Auf Hintergrund ghostwhite ist #4169e1 ungeeignet, da der Farbunterschied nicht ausreichend ist

Hintergrundfarbe ghostwhite				Schriftfarbwert #4169e1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#4169e1	#4169e1	#4169e1	#4169e1
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#5c7ee5	#5c7ee5	#375ac0	#375ac0
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#7793e9	#7793e9	#2e4ba0	#2e4ba0
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#92a9ed	#92a9ed	#253c80	#253c80
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#adbef2	#adbef2	#1b2d60	#1b2d60
#fdfdff	#fdfdff	#464648	#464648	#c8d4f6	#c8d4f6	#121e40	#121e40
#fefeff	#fefeff	#232324	#232324	#e3e9fa	#e3e9fa	#090f20	#090f20
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ghostwhite und Farbwert #4169e1

Wechsel der Textfarbe bei Hover mit HTML-Tag h3

Eine Überschrift der 3. Stufe erzeugt man mit Tag <h3>. Diese kann man farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbe ghostwhite auf Farbwert #4169e1 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h3> in Farbe ghostwhite vor.

Hier legen wir die Textfarbe von <h3> auf Farbe ghostwhite fest. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift ändern wir auf 12pt:

<style type="text/css"><!--
  h3 { 
    color:ghostwhite; 
    font-size:12pt; 
    font-family:verdana;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe zu #4169e1 ändert.

<style type="text/css"><!--
  h3:hover { 
    color:#4169e1;
  }
//-->
</style>

Mehr zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum hier verwendeten HTML-Befehl <h3>.

Wechsel der Umrandung bei Hover mit HTML-Befehl ins

Die Rahmenfarbe soll sich von Farbe ghostwhite auf Farbwert #4169e1 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <ins> in Farbe ghostwhite vor.

In diesem Beispiel umranden wir <ins> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe ghostwhite.

<style type="text/css"><!--
  ins { border:2px double ghostwhite; }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe zu #4169e1 ändert.

<style type="text/css"><!--
  ins:hover { 
    border-color:#4169e1;
  }
//-->
</style>

Einzelheiten des Befehl <ins>.