Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #e0ffff und Farbwert #fdf5e6

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #e0ffff			Schriftfarbwert #fdf5e6
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift #fdf5e6
Farbwert	:	#e0ffff	Farbwert	:	#fdf5e6
Farbe	:	lightcyan	Farbe	:	oldlace
HTML	:	#e0ffff	HTML	:	#fdf5e6
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#fdf5e6
CSS	:	#e0ffff	CSS	:	#fdf5e6
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbwert #fdf5e6
#e0ffff	#e4fdfb	#e8fcf7	#ecfaf4	#f0f9f0	#f4f7ed	#f8f6e9	#fdf5e6
#e0ffff	#e4fdfb	#e8fcf7	#ecfaf4	#f0f9f0	#f4f7ed	#f8f6e9	#fdf5e6

Kombination von #e0ffff und #fdf5e6
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von #fdf5e6 und #e0ffff beträgt 95.11%. Die Lesbarkeit dieser Farbkombination liegt damit bei 4.89%. #fdf5e6 eignet sich nicht als Schriftfarbe auf Hintergrund #e0ffff. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbwert #e0ffff				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#e4ffff	#e4ffff	#c0dada	#c0dada	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#edffff	#edffff	#809191	#809191	#fdf9f0	#fdf9f0	#908c83	#908c83
#f1ffff	#f1ffff	#606d6d	#606d6d	#fefaf4	#fefaf4	#6c6962	#6c6962
#f6ffff	#f6ffff	#404848	#404848	#fefcf7	#fefcf7	#484641	#484641
#faffff	#faffff	#202424	#202424	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e0ffff und Farbwert #fdf5e6

Wechsel der Textfarbe bei Hover von Tag dt

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

Zum Beispiel legen wir die Textfarbe von <dt> auf Farbwert #e0ffff fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  dt { 
    font-family:courier new; 
    color:#e0ffff;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #fdf5e6 geändert wird.

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Möglichkeiten vom hier verwendeten HTML-Tag <dt>.

Wechsel der Hintergrundfarbe bei Hover bei Tag p

Die Hintergrundfarbe soll sich von Farbwert #e0ffff auf Farbwert #fdf5e6 ändern, wenn man mit der Maus auf <p> zeigt. Wir bereiten zunächst die Formatierung von <p> in Farbwert #e0ffff vor.

Zum Beispiel legen wir Farbwert #e0ffff als Hintergrundfarbe von <p> fest und ändern die Größe der Schrift auf 9px.

<style type="text/css"><!--
  p { 
    font-size:9px; 
    background-color:#e0ffff;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #fdf5e6 ändert.

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

Weiteres zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des hier gezeigten HTML-Befehl <p>.