Ressourcen: 120 HTML Farbnamen - Kombination von Farbe pink und Farbwert #40e0d0

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.

Hintergrundfarbe pink			Schriftfarbwert #40e0d0
Detail	:	Hintergrund pink	Detail	:	Schrift #40e0d0
Farbe	:	pink	Farbwert	:	#40e0d0
Farbwert	:	#ffc0cb	Farbe	:	turquoise
HTML	:	pink	HTML	:	#40e0d0
HTML (Wert)	:	#ffc0cb	HTML (Wert)	:	#40e0d0
CSS	:	pink	CSS	:	#40e0d0
CSS (Wert)	:	#ffc0cb	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#ffc0cb	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(255,192,203)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(100%,75%,79%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbe pink nach Schriftfarbwert #40e0d0
#ffc0cb	#e3c4cb	#c8c9cc	#adcdcd	#91d2cd	#76d6ce	#5bdbcf	#40e0d0
#ffc0cb	#e3c4cb	#c8c9cc	#adcdcd	#91d2cd	#76d6ce	#5bdbcf	#40e0d0

Kombination von pink und #40e0d0
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #40e0d0 und pink ergibt sich zu 94.92%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.08%. #40e0d0 eignet sich nicht als Schriftfarbe auf Hintergrund pink. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe pink				Schriftfarbwert #40e0d0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#ffc9d2	#ffc9d2	#daa4ae	#daa4ae	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#ffd2d9	#ffd2d9	#b68991	#b68991	#76e8dd	#76e8dd	#2da094	#2da094
#ffdbe1	#ffdbe1	#916d74	#916d74	#91ede4	#91ede4	#248076	#248076
#ffe4e8	#ffe4e8	#6d5257	#6d5257	#adf1ea	#adf1ea	#1b6059	#1b6059
#ffedf0	#ffedf0	#48363a	#48363a	#c8f6f1	#c8f6f1	#12403b	#12403b
#fff6f7	#fff6f7	#241b1d	#241b1d	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe pink und Farbwert #40e0d0

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag li

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

Z.B. ändern wir die Hintergrundfarbe von <li> auf Farbe pink.

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #40e0d0 geändert wird.

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

Weiteres zum Thema lesen Sie in Listen und Glossare in HTML. Einzelheiten vom hier genutzten HTML-Befehl li sind in der HTML Referenz unter <li> zusammengestellt.