Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbe gainsboro

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			Schriftfarbe gainsboro
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift gainsboro
Farbwert	:	#f8f8ff	Farbe	:	gainsboro
Farbe	:	ghostwhite	Farbwert	:	#dcdcdc
HTML	:	#f8f8ff	HTML	:	gainsboro
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#dcdcdc
CSS	:	#f8f8ff	CSS	:	gainsboro
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbe gainsboro
#f8f8ff	#f4f4fa	#f0f0f5	#ececf0	#e8e8eb	#e4e4e6	#e0e0e1	#dcdcdc
#f8f8ff	#f4f4fa	#f0f0f5	#ececf0	#e8e8eb	#e4e4e6	#e0e0e1	#dcdcdc

Kombination von #f8f8ff und gainsboro
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				gainsboro ist nicht als Schriftfarbe auf Hintergrund #f8f8ff geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von gainsboro und #f8f8ff ergibt sich zu 93.82%. Die Lesbarkeit dieser Kombination liegt damit bei 6.18%.

Hintergrundfarbwert #f8f8ff				Schriftfarbe gainsboro
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#fdfdff	#fdfdff	#464648	#464648	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#fefeff	#fefeff	#232324	#232324	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f8f8ff und Farbe gainsboro

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl table

Die Hintergrundfarbe soll sich von Farbwert #f8f8ff auf Farbe gainsboro ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <table> in Farbwert #f8f8ff vor.

Wir legen für dieses Beispiel Farbwert #f8f8ff als Hintergrundfarbe von <table> fest und setzen die Größe der Schrift auf 123%.

<style type="text/css"><!--
  table { 
    background-color:#f8f8ff; 
    font-size:123%;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf gainsboro gesetzt wird.

<style type="text/css"><!--
  table:hover { 
    background-color:gainsboro;
  }
//-->
</style>

Mehr zu table können Sie in Tabellen in HTML nachsehen. Der Befehl table ist in der HTML Referenz unter <table> ausführlich gezeigt.

Füllen und Umranden mit Befehl a

Mit Befehl <a> setzen Sie einen Link. Diesen können Sie hervorheben und farblich gestalten.

Hier umranden wir <a> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbe gainsboro . Den Hintergrund von <a> setzen wir auf Farbwert #f8f8ff. Dies ist mit HTML nicht möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    border-color:gainsboro; 
    border-width:4px; 
    background-color:#f8f8ff; 
    border-style:outset;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachlesen. Einzelheiten vom HTML-Befehl a lesen Sie in der HTML Referenz unter <a>.