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

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			Schriftfarbwert #f5deb3
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift #f5deb3
Farbwert	:	#f8f8ff	Farbwert	:	#f5deb3
Farbe	:	ghostwhite	Farbe	:	wheat
HTML	:	#f8f8ff	HTML	:	#f5deb3
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#f5deb3
CSS	:	#f8f8ff	CSS	:	#f5deb3
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#f5deb3
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#f5deb3
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(245,222,179)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(96%,87%,70%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbwert #f5deb3
#f8f8ff	#f7f4f4	#f7f0e9	#f6ecde	#f6e9d3	#f5e5c8	#f5e1bd	#f5deb3
#f8f8ff	#f7f4f4	#f7f0e9	#f6ecde	#f6e9d3	#f5e5c8	#f5e1bd	#f5deb3

Kombination von #f8f8ff und #f5deb3
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #f5deb3 und #f8f8ff ergibt sich zu 94.08%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.92%. #f5deb3 ist nicht als Schriftfarbe auf Hintergrund #f8f8ff geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbwert #f8f8ff				Schriftfarbwert #f5deb3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#f5deb3	#f5deb3	#f5deb3	#f5deb3
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#f6e2bd	#f6e2bd	#d2be99	#d2be99
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#f7e7c8	#f7e7c8	#af9e7f	#af9e7f
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#f9ecd3	#f9ecd3	#8c7e66	#8c7e66
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#faf0de	#faf0de	#695f4c	#695f4c
#fdfdff	#fdfdff	#464648	#464648	#fcf5e9	#fcf5e9	#463f33	#463f33
#fefeff	#fefeff	#232324	#232324	#fdfaf4	#fdfaf4	#231f19	#231f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f8f8ff und Farbwert #f5deb3

Wechsel der Hintergrundfarbe bei Hover bei Befehl code

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

Wir setzen in diesem Beispiel bei <code> die Hintergrundfarbe auf Farbwert #f8f8ff:

<style type="text/css"><!--
  code { 
    background-color: #f8f8ff;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #f5deb3 geändert wird.

<style type="text/css"><!--
  code:hover { 
    background-color:#f5deb3;
  }
//-->
</style>

Weiteres zu code können Sie in Text in HTML finden. Weiteres zum Tag <code>.