Ressourcen: 120 HTML Farbnamen - Kombination von Farbe ghostwhite und Farbwert #9400d3

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 #9400d3
Detail	:	Hintergrund ghostwhite	Detail	:	Schrift #9400d3
Farbe	:	ghostwhite	Farbwert	:	#9400d3
Farbwert	:	#f8f8ff	Farbe	:	darkviolet
HTML	:	ghostwhite	HTML	:	#9400d3
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#9400d3
CSS	:	ghostwhite	CSS	:	#9400d3
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#9400d3
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#9400d3
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(148,0,211)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(58%,0%,82%)

Verlauf Hintergrundfarbe ghostwhite nach Schriftfarbwert #9400d3
#f8f8ff	#e9d4f8	#dbb1f2	#cd8dec	#be6ae5	#b046df	#a223d9	#9400d3
#f8f8ff	#e9d4f8	#dbb1f2	#cd8dec	#be6ae5	#b046df	#a223d9	#9400d3

Kombination von ghostwhite und #9400d3
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #9400d3 und ghostwhite beträgt 70.44%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 29.56%. #9400d3 eignet sich nicht als Schriftfarbe auf Hintergrund ghostwhite. Zwar ist der Helligkeitsunterschied ok, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbe ghostwhite				Schriftfarbwert #9400d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#9400d3	#9400d3	#9400d3	#9400d3
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#a324d9	#a324d9	#7e00b4	#7e00b4
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#b248df	#b248df	#690096	#690096
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#c16de5	#c16de5	#540078	#540078
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#d191ec	#d191ec	#3f005a	#3f005a
#fdfdff	#fdfdff	#464648	#464648	#e0b6f2	#e0b6f2	#2a003c	#2a003c
#fefeff	#fefeff	#232324	#232324	#efdaf8	#efdaf8	#15001e	#15001e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ghostwhite und Farbwert #9400d3

Wechsel der Umrandung bei Hover mit Befehl th

Die Rahmenfarbe soll sich von Farbe ghostwhite auf Farbwert #9400d3 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <th> in Farbe ghostwhite vor.

In diesem Beispiel umranden wir <th> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbe ghostwhite.

<style type="text/css"><!--
  th { border:1px dashed ghostwhite; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #9400d3 ändert.

<style type="text/css"><!--
  th: hover { 
    border-color: #9400d3;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Befehl th ist in der HTML Referenz unter <th> zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover von Tag ins

Die Hintergrundfarbe soll sich von Farbe ghostwhite auf Farbwert #9400d3 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <ins> in Farbe ghostwhite vor.

Z.B. legen wir Farbe ghostwhite als Hintergrundfarbe von <ins> fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 13px:

<style type="text/css"><!--
  ins { 
    font-size:13px; 
    background-color:ghostwhite; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #9400d3 ändert.

<style type="text/css"><!--
  ins:hover { 
    background-color:#9400d3;
  }
//-->
</style>

Beschreibung des Tag <ins>.