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

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.

Hintergrundfarbe red			Schriftfarbwert #e0ffff
Detail	:	Hintergrund red	Detail	:	Schrift #e0ffff
Farbe	:	red	Farbwert	:	#e0ffff
Farbwert	:	#ff0000	Farbe	:	lightcyan
HTML	:	red	HTML	:	#e0ffff
HTML (Wert)	:	#ff0000	HTML (Wert)	:	#e0ffff
CSS	:	red	CSS	:	#e0ffff
CSS (Wert)	:	#ff0000	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#f00	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(255,0,0)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(100%,0%,0%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbe red nach Schriftfarbwert #e0ffff
#ff0000	#fa2424	#f64848	#f16d6d	#ed9191	#e8b6b6	#e4dada	#e0ffff
#ff0000	#fa2424	#f64848	#f16d6d	#ed9191	#e8b6b6	#e4dada	#e0ffff

Kombination von red und #e0ffff
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#e0ffff eignet sich als Schriftfarbe auf Hintergrund red, weil der Helligkeitsunterschied gut ist, der Unterschied in den Farben ebenso. Die Ähnlichkeit von #e0ffff und red beträgt 81.94%. Die Lesbarkeit dieser Farbkombination liegt damit bei 18.06%.

Hintergrundfarbe red				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff0000	#ff0000	#ff0000	#ff0000	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#ff2424	#ff2424	#da0000	#da0000	#e4ffff	#e4ffff	#c0dada	#c0dada
#ff4848	#ff4848	#b60000	#b60000	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#ff6d6d	#ff6d6d	#910000	#910000	#edffff	#edffff	#809191	#809191
#ff9191	#ff9191	#6d0000	#6d0000	#f1ffff	#f1ffff	#606d6d	#606d6d
#ffb6b6	#ffb6b6	#480000	#480000	#f6ffff	#f6ffff	#404848	#404848
#ffdada	#ffdada	#240000	#240000	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe red und Farbwert #e0ffff

Wechsel der Hintergrundfarbe bei Hover von Tag s

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

Als Beispiel ändern wir bei <s> die Hintergrundfarbe auf Farbe red:

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

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

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

Weiteres zum Thema s erfahren Sie in Text in HTML. Einzelheiten vom hier genutzten HTML-Tag s sind in der HTML Referenz bei <s> genau beschrieben.