Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #98fb98 und Farbe aliceblue

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

Verlauf Hintergrundfarbwert #98fb98 nach Schriftfarbe aliceblue
#98fb98	#a4faa6	#b1fab5	#bdf9c4	#caf9d2	#d6f8e1	#e3f8f0	#f0f8ff
#98fb98	#a4faa6	#b1fab5	#bdf9c4	#caf9d2	#d6f8e1	#e3f8f0	#f0f8ff

Kombination von #98fb98 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.				Die Ähnlichkeit von aliceblue und #98fb98 ergibt sich zu 94.38%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.62%. Auf Hintergrund #98fb98 ist aliceblue ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #98fb98				Schriftfarbe aliceblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#98fb98	#98fb98	#98fb98	#98fb98	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
#a6fba6	#a6fba6	#82d782	#82d782	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
#b5fcb5	#b5fcb5	#6cb36c	#6cb36c	#f4faff	#f4faff	#abb1b6	#abb1b6
#c4fcc4	#c4fcc4	#568f56	#568f56	#f6fbff	#f6fbff	#898d91	#898d91
#d2fdd2	#d2fdd2	#416b41	#416b41	#f8fcff	#f8fcff	#666a6d	#666a6d
#e1fde1	#e1fde1	#2b472b	#2b472b	#fafdff	#fafdff	#444648	#444648
#f0fef0	#f0fef0	#152315	#152315	#fcfeff	#fcfeff	#222324	#222324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #98fb98 und Farbe aliceblue

Wechsel der Umrandung bei Hover mit Tag q

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

In diesem Beispiel umranden wir <q> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbwert #98fb98.

<style type="text/css"><!--
  q { 
    border-style: dashed; 
    border-color: #98fb98; 
    border-width: 1px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf aliceblue ändert.

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

Beschreibung vom hier gezeigten Tag <q>.

Wechsel der Textfarbe bei Hover von HTML-Befehl colgroup

Die Textfarbe soll sich von Farbwert #98fb98 auf Farbe aliceblue ändern, wenn man mit der Maus auf <colgroup> zeigt. Bereiten wir zunächst eine Formatierung von <colgroup> in Farbwert #98fb98 vor.

Für dieses Beispiel legen wir Farbwert #98fb98 als Textfarbe von <colgroup> fest:

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

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf aliceblue geändert wird.

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

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Mehr zum hier verwendeten HTML-Befehl colgroup finden Sie in der HTML Referenz unter <colgroup>.