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

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 #db7093
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift #db7093
Farbwert	:	#e0ffff	Farbwert	:	#db7093
Farbe	:	lightcyan	Farbe	:	palevioletred
HTML	:	#e0ffff	HTML	:	#db7093
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#db7093
CSS	:	#e0ffff	CSS	:	#db7093
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#db7093
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#db7093
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(219,112,147)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(85%,43%,57%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbwert #db7093
#e0ffff	#dfeaef	#ded6e0	#ddc1d0	#ddadc1	#dc98b1	#db84a2	#db7093
#e0ffff	#dfeaef	#ded6e0	#ddc1d0	#ddadc1	#dc98b1	#db84a2	#db7093

Kombination von #e0ffff und #db7093
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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#db7093 ist nicht als Schriftfarbe auf Hintergrund #e0ffff geeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #db7093 und #e0ffff ergibt sich zu 85.95%. Die Lesbarkeit dieser Kombination liegt damit bei 14.05%.

Hintergrundfarbwert #e0ffff				Schriftfarbwert #db7093
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#db7093	#db7093	#db7093	#db7093
#e4ffff	#e4ffff	#c0dada	#c0dada	#e084a2	#e084a2	#bb607e	#bb607e
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#e598b1	#e598b1	#9c5069	#9c5069
#edffff	#edffff	#809191	#809191	#eaadc1	#eaadc1	#7d4054	#7d4054
#f1ffff	#f1ffff	#606d6d	#606d6d	#efc1d0	#efc1d0	#5d303f	#5d303f
#f6ffff	#f6ffff	#404848	#404848	#f4d6e0	#f4d6e0	#3e202a	#3e202a
#faffff	#faffff	#202424	#202424	#f9eaef	#f9eaef	#1f1015	#1f1015
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #e0ffff und Farbwert #db7093

Wechsel der Textfarbe bei Hover von Tag ins

Die Textfarbe soll sich von Farbwert #e0ffff auf Farbwert #db7093 ändern, wenn man mit der Maus auf <ins> zeigt. Wir bereiten zunächst eine Darstellung von <ins> in Farbwert #e0ffff vor.

In diesem Beispiel ändern wir bei <ins> die Textfarbe auf Farbwert #e0ffff. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf verdana. Die Schriftgröße setzen wir auf 123%.

<style type="text/css"><!--
  ins { 
    color:#e0ffff; 
    font-size:123%; 
    font-family:verdana;
  }
//-->
</style>

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

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

Der hier verwendete Tag ins ist in der HTML Referenz bei <ins> zusammengestellt.