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

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			Schriftfarbwert #ffb6c1
Detail	:	Hintergrund #98fb98	Detail	:	Schrift #ffb6c1
Farbwert	:	#98fb98	Farbwert	:	#ffb6c1
Farbe	:	palegreen	Farbe	:	lightpink
HTML	:	#98fb98	HTML	:	#ffb6c1
HTML (Wert)	:	#98fb98	HTML (Wert)	:	#ffb6c1
CSS	:	#98fb98	CSS	:	#ffb6c1
CSS (Wert)	:	#98fb98	CSS (Wert)	:	#ffb6c1
CSS (kürzest)	:	#98fb98	CSS (kürzest)	:	#ffb6c1
CSS (RGB)	:	rgb(152,251,152)	CSS (RGB)	:	rgb(255,182,193)
CSS (%RGB)	:	rgb(59%,98%,59%)	CSS (%RGB)	:	rgb(100%,71%,75%)

Verlauf Hintergrundfarbwert #98fb98 nach Schriftfarbwert #ffb6c1
#98fb98	#a6f19d	#b5e7a3	#c4dda9	#d2d3af	#e1c9b5	#f0bfbb	#ffb6c1
#98fb98	#a6f19d	#b5e7a3	#c4dda9	#d2d3af	#e1c9b5	#f0bfbb	#ffb6c1

Kombination von #98fb98 und #ffb6c1
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ffb6c1 ist nicht als Schriftfarbe auf Hintergrund #98fb98 geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #ffb6c1 und #98fb98 ergibt sich zu 93.79%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.21%.

Hintergrundfarbwert #98fb98				Schriftfarbwert #ffb6c1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#98fb98	#98fb98	#98fb98	#98fb98	#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1
#a6fba6	#a6fba6	#82d782	#82d782	#ffc0c9	#ffc0c9	#da9ca5	#da9ca5
#b5fcb5	#b5fcb5	#6cb36c	#6cb36c	#ffcad2	#ffcad2	#b68289	#b68289
#c4fcc4	#c4fcc4	#568f56	#568f56	#ffd5db	#ffd5db	#91686e	#91686e
#d2fdd2	#d2fdd2	#416b41	#416b41	#ffdfe4	#ffdfe4	#6d4e52	#6d4e52
#e1fde1	#e1fde1	#2b472b	#2b472b	#ffeaed	#ffeaed	#483437	#483437
#f0fef0	#f0fef0	#152315	#152315	#fff4f6	#fff4f6	#241a1b	#241a1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #98fb98 und Farbwert #ffb6c1

Füllen und Umranden bei HTML-Tag iframe

Hier umranden wir <iframe> mit einem herausstehenden, 3 Punkte dicken Rahmen in Farbwert #ffb6c1 . Die Hintergrundfarbe für <iframe> färben wir entsprechend mit Farbwert #98fb98. Das ist mit HTML so kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  iframe { 
    border-width: 3pt; 
    border-style: outset; 
    background-color: #98fb98; 
    border-color: #ffb6c1;
  }
//-->
</style>

Möglichkeiten vom hier genutzten HTML-Befehl iframe sind in der HTML Referenz unter <iframe> beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl li

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

Z.B. legen wir Farbwert #98fb98 als Hintergrundfarbe von <li> fest. Die Textfarbe lassen wir unverändert. Die Schriftart setzen wir auf monospace.

<style type="text/css"><!--
  li { 
    font-family:monospace; 
    background-color:#98fb98;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #ffb6c1 ändert.

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachsehen. Möglichkeiten vom Befehl <li>.