Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mistyrose und Farbe lightseagreen

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 mistyrose			Schriftfarbe lightseagreen
Detail	:	Hintergrund mistyrose	Detail	:	Schrift lightseagreen
Farbe	:	mistyrose	Farbe	:	lightseagreen
Farbwert	:	#ffe4e1	Farbwert	:	#20b2aa
HTML	:	mistyrose	HTML	:	lightseagreen
HTML (Wert)	:	#ffe4e1	HTML (Wert)	:	#20b2aa
CSS	:	mistyrose	CSS	:	lightseagreen
CSS (Wert)	:	#ffe4e1	CSS (Wert)	:	#20b2aa
CSS (kürzest)	:	#ffe4e1	CSS (kürzest)	:	#20b2aa
CSS (RGB)	:	rgb(255,228,225)	CSS (RGB)	:	rgb(32,178,170)
CSS (%RGB)	:	rgb(100%,89%,88%)	CSS (%RGB)	:	rgb(12%,69%,66%)

Verlauf Hintergrundfarbe mistyrose nach Schriftfarbe lightseagreen
#ffe4e1	#dfdcd9	#bfd5d1	#9fcec9	#7fc7c1	#5fc0b9	#3fb9b1	#20b2aa
#ffe4e1	#dfdcd9	#bfd5d1	#9fcec9	#7fc7c1	#5fc0b9	#3fb9b1	#20b2aa

Kombination von mistyrose und lightseagreen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit von lightseagreen und mistyrose ergibt sich zu 89.63%. Die Lesbarkeit dieser Farbkombination liegt damit bei 10.37%. lightseagreen eignet sich nicht als Schriftfarbe auf Hintergrund mistyrose. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe mistyrose				Schriftfarbe lightseagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1	#20b2aa	#20b2aa	#20b2aa	#20b2aa
#ffe7e5	#ffe7e5	#dac3c0	#dac3c0	#3fbdb6	#3fbdb6	#1b9891	#1b9891
#ffebe9	#ffebe9	#b6a2a0	#b6a2a0	#5fc8c2	#5fc8c2	#167f79	#167f79
#ffefed	#ffefed	#918280	#918280	#7fd3ce	#7fd3ce	#126561	#126561
#fff3f2	#fff3f2	#6d6160	#6d6160	#9fdeda	#9fdeda	#0d4c48	#0d4c48
#fff7f6	#fff7f6	#484140	#484140	#bfe9e6	#bfe9e6	#093230	#093230
#fffbfa	#fffbfa	#242020	#242020	#dff4f2	#dff4f2	#041918	#041918
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mistyrose und Farbe lightseagreen

Wechsel der Textfarbe bei Hover bei Tag strike

Die Textfarbe soll sich von Farbe mistyrose auf Farbe lightseagreen ändern, wenn man mit der Maus auf <strike> zeigt. Bereiten wir zunächst die Formatierung von <strike> in Farbe mistyrose vor.

Wir legen als Beispiel bei <strike> die Textfarbe auf Farbe mistyrose fest. Die Größe der Schrift verringern wir auf 93%.

<style type="text/css"><!--
  strike { 
    color: mistyrose; 
    font-size: 93%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf lightseagreen ändert.

<style type="text/css"><!--
  strike: hover { 
    color: lightseagreen;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Text in HTML. Weiteres zum hier verwendeten Befehl strike ist in der HTML Referenz bei <strike> ausführlich gezeigt.