Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f8f8ff und Farbwert #98fb98

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			Schriftfarbwert #98fb98
Detail	:	Hintergrund #f8f8ff	Detail	:	Schrift #98fb98
Farbwert	:	#f8f8ff	Farbwert	:	#98fb98
Farbe	:	ghostwhite	Farbe	:	palegreen
HTML	:	#f8f8ff	HTML	:	#98fb98
HTML (Wert)	:	#f8f8ff	HTML (Wert)	:	#98fb98
CSS	:	#f8f8ff	CSS	:	#98fb98
CSS (Wert)	:	#f8f8ff	CSS (Wert)	:	#98fb98
CSS (kürzest)	:	#f8f8ff	CSS (kürzest)	:	#98fb98
CSS (RGB)	:	rgb(248,248,255)	CSS (RGB)	:	rgb(152,251,152)
CSS (%RGB)	:	rgb(97%,97%,100%)	CSS (%RGB)	:	rgb(59%,98%,59%)

Verlauf Hintergrundfarbwert #f8f8ff nach Schriftfarbwert #98fb98
#f8f8ff	#eaf8f0	#dcf8e1	#cef9d2	#c1f9c4	#b3fab5	#a5faa6	#98fb98
#f8f8ff	#eaf8f0	#dcf8e1	#cef9d2	#c1f9c4	#b3fab5	#a5faa6	#98fb98

Kombination von #f8f8ff und #98fb98
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.				Die Ähnlichkeit der Farben #98fb98 und #f8f8ff beträgt 94.30%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.70%. Auf Hintergrund #f8f8ff ist #98fb98 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbwert #f8f8ff				Schriftfarbwert #98fb98
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff	#98fb98	#98fb98	#98fb98	#98fb98
#f9f9ff	#f9f9ff	#d4d4da	#d4d4da	#a6fba6	#a6fba6	#82d782	#82d782
#fafaff	#fafaff	#b1b1b6	#b1b1b6	#b5fcb5	#b5fcb5	#6cb36c	#6cb36c
#fbfbff	#fbfbff	#8d8d91	#8d8d91	#c4fcc4	#c4fcc4	#568f56	#568f56
#fcfcff	#fcfcff	#6a6a6d	#6a6a6d	#d2fdd2	#d2fdd2	#416b41	#416b41
#fdfdff	#fdfdff	#464648	#464648	#e1fde1	#e1fde1	#2b472b	#2b472b
#fefeff	#fefeff	#232324	#232324	#f0fef0	#f0fef0	#152315	#152315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f8f8ff und Farbwert #98fb98

Wechsel der Hintergrundfarbe bei Hover von Tag col

Die Hintergrundfarbe soll sich von Farbwert #f8f8ff auf Farbwert #98fb98 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <col> in Farbwert #f8f8ff vor.

Wir setzen hier die Hintergrundfarbe von <col> auf Farbwert #f8f8ff:

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

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #98fb98 geändert wird.

<style type="text/css"><!--
  col:hover { 
    background-color:#98fb98;
  }
//-->
</style>

Weiteres zum Thema col lesen Sie in Tabellen in HTML. Zur Beschreibung des Tag <col>.