Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #e0ffff und Farbwert #ffc0cb

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 #e0ffff			Schriftfarbwert #ffc0cb
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift #ffc0cb
Farbwert	:	#e0ffff	Farbwert	:	#ffc0cb
Farbe	:	lightcyan	Farbe	:	pink
HTML	:	#e0ffff	HTML	:	#ffc0cb
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#ffc0cb
CSS	:	#e0ffff	CSS	:	#ffc0cb
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#ffc0cb
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#ffc0cb
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(255,192,203)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(100%,75%,79%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbwert #ffc0cb
#e0ffff	#e4f6f7	#e8edf0	#ede4e8	#f1dbe1	#f6d2d9	#fac9d2	#ffc0cb
#e0ffff	#e4f6f7	#e8edf0	#ede4e8	#f1dbe1	#f6d2d9	#fac9d2	#ffc0cb

Kombination von #e0ffff und #ffc0cb
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffc0cb eignet sich nicht als Schriftfarbe auf Hintergrund #e0ffff. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #ffc0cb und #e0ffff ergibt sich zu 93.05%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.95%.

Hintergrundfarbwert #e0ffff				Schriftfarbwert #ffc0cb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb
#e4ffff	#e4ffff	#c0dada	#c0dada	#ffc9d2	#ffc9d2	#daa4ae	#daa4ae
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#ffd2d9	#ffd2d9	#b68991	#b68991
#edffff	#edffff	#809191	#809191	#ffdbe1	#ffdbe1	#916d74	#916d74
#f1ffff	#f1ffff	#606d6d	#606d6d	#ffe4e8	#ffe4e8	#6d5257	#6d5257
#f6ffff	#f6ffff	#404848	#404848	#ffedf0	#ffedf0	#48363a	#48363a
#faffff	#faffff	#202424	#202424	#fff6f7	#fff6f7	#241b1d	#241b1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #e0ffff und Farbwert #ffc0cb

Wechsel der Textfarbe bei Hover bei HTML-Befehl blockquote

Die Textfarbe soll sich von Farbwert #e0ffff auf Farbwert #ffc0cb ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst eine Formatierung von <blockquote> in Farbwert #e0ffff vor.

Z.B. legen wir bei <blockquote> die Textfarbe auf Farbwert #e0ffff fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart setzen wir auf sans-serif und ändern die Schriftgröße auf 9pt:

<style type="text/css"><!--
  blockquote { 
    font-size:9pt; 
    color:#e0ffff; 
    font-family:sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #ffc0cb ändert.

<style type="text/css"><!--
  blockquote:hover { 
    color:#ffc0cb;
  }
//-->
</style>

Weiteres zum Thema blockquote können Sie in Blockorientierte Elemente in HTML finden. Zur Beschreibung vom HTML-Tag <blockquote>.