Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f0fff0 und Farbe aliceblue

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 #f0fff0			Schriftfarbe aliceblue
Detail	:	Hintergrund #f0fff0	Detail	:	Schrift aliceblue
Farbwert	:	#f0fff0	Farbe	:	aliceblue
Farbe	:	honeydew	Farbwert	:	#f0f8ff
HTML	:	#f0fff0	HTML	:	aliceblue
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#f0f8ff
CSS	:	#f0fff0	CSS	:	aliceblue
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#f0f8ff
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#f0f8ff
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(240,248,255)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(94%,97%,100%)

Verlauf Hintergrundfarbwert #f0fff0 nach Schriftfarbe aliceblue
#f0fff0	#f0fef2	#f0fdf4	#f0fcf6	#f0fbf8	#f0fafa	#f0f9fc	#f0f8ff
#f0fff0	#f0fef2	#f0fdf4	#f0fcf6	#f0fbf8	#f0fafa	#f0f9fc	#f0f8ff

Kombination von #f0fff0 und aliceblue
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				aliceblue eignet sich nicht als Schriftfarbe auf Hintergrund #f0fff0, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von aliceblue und #f0fff0 beträgt 95.07%. Die Lesbarkeit dieser Kombination liegt damit bei 4.93%.

Hintergrundfarbwert #f0fff0				Schriftfarbe aliceblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
#f2fff2	#f2fff2	#cddacd	#cddacd	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#f4faff	#f4faff	#abb1b6	#abb1b6
#f6fff6	#f6fff6	#899189	#899189	#f6fbff	#f6fbff	#898d91	#898d91
#f8fff8	#f8fff8	#666d66	#666d66	#f8fcff	#f8fcff	#666a6d	#666a6d
#fafffa	#fafffa	#444844	#444844	#fafdff	#fafdff	#444648	#444648
#fcfffc	#fcfffc	#222422	#222422	#fcfeff	#fcfeff	#222324	#222324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f0fff0 und Farbe aliceblue

Wechsel der Textfarbe bei Hover von Befehl dt

Die Textfarbe soll sich von Farbwert #f0fff0 auf Farbe aliceblue ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst die Darstellung von <dt> in Farbwert #f0fff0 vor.

Wir setzen zum Beispiel die Textfarbe von <dt> auf Farbwert #f0fff0. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  dt { 
    font-family:monospace; 
    color:#f0fff0;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf aliceblue geändert wird.

<style type="text/css"><!--
  dt:hover { 
    color:aliceblue;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Listen und Glossare in HTML. Weiteres zum Befehl <dt>.

Wechsel der Umrandung bei Hover bei HTML-Tag table

Die Rahmenfarbe soll sich von Farbwert #f0fff0 auf Farbe aliceblue ändern, wenn man mit der Maus auf <table> zeigt. Bereiten wir zunächst die Formatierung von <table> in Farbwert #f0fff0 vor.

In diesem Beispiel umranden wir <table> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #f0fff0.

<style type="text/css"><!--
  table { 
    border-style: outset; 
    border-width: 4px; 
    border-color: #f0fff0;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf aliceblue geändert wird.

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

Mehr zu table können Sie in Tabellen in HTML nachsehen. Einzelheiten vom Tag table erfahren Sie in der HTML Referenz unter <table>.