Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbe olivedrab

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			Schriftfarbe olivedrab
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift olivedrab
Farbwert	:	#f8f8ff	Farbe	:	olivedrab
Farbe	:	ghostwhite	Farbwert	:	#6b8e23
HTML	:	#f8f8ff	HTML	:	olivedrab
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#6b8e23
CSS	:	#f8f8ff	CSS	:	olivedrab
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbe olivedrab
#f8f8ff	#e3e8df	#cfd9c0	#bbcaa0	#a7bb81	#93ac61	#7f9d42	#6b8e23
#f8f8ff	#e3e8df	#cfd9c0	#bbcaa0	#a7bb81	#93ac61	#7f9d42	#6b8e23

Kombination von #f8f8ff und olivedrab
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. Cras id velit ante.				Auf Hintergrund #f8f8ff ist olivedrab ungeeignet. Zwar ist der Helligkeitsunterschied gross genug, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von olivedrab und #f8f8ff beträgt 82.86%. Die Lesbarkeit dieser Kombination ergibt sich zu 17.14%.

Hintergrundfarbwert #f8f8ff				Schriftfarbe olivedrab
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#809e42	#809e42	#5b791e	#5b791e
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#95ae61	#95ae61	#4c6519	#4c6519
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#aabe81	#aabe81	#3d5114	#3d5114
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#fdfdff	#fdfdff	#464648	#464648	#d4dec0	#d4dec0	#1e280a	#1e280a
#fefeff	#fefeff	#232324	#232324	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f8f8ff und Farbe olivedrab

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag var

Die Hintergrundfarbe soll sich von Farbwert #f8f8ff auf Farbe olivedrab ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <var> in Farbwert #f8f8ff vor.

Wir ändern zum Beispiel die Hintergrundfarbe von <var> auf Farbwert #f8f8ff. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf verdana. Die Schriftgröße vergrößern wir auf 123%:

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

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf olivedrab geändert wird.

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

Mehr zu var können Sie in Text in HTML lesen. Einzelheiten des HTML-Befehl <var>.