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

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 lightpink			Schriftfarbwert #e0ffff
Detail	:	Hintergrund lightpink	Detail	:	Schrift #e0ffff
Farbe	:	lightpink	Farbwert	:	#e0ffff
Farbwert	:	#ffb6c1	Farbe	:	lightcyan
HTML	:	lightpink	HTML	:	#e0ffff
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#e0ffff
CSS	:	lightpink	CSS	:	#e0ffff
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbe lightpink nach Schriftfarbwert #e0ffff
#ffb6c1	#fac0c9	#f6cad2	#f1d5db	#eddfe4	#e8eaed	#e4f4f6	#e0ffff
#ffb6c1	#fac0c9	#f6cad2	#f1d5db	#eddfe4	#e8eaed	#e4f4f6	#e0ffff

Kombination von lightpink und #e0ffff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #e0ffff und lightpink ergibt sich zu 92.54%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.46%. #e0ffff eignet sich nicht als Schriftfarbe auf Hintergrund lightpink. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe lightpink				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#e4ffff	#e4ffff	#c0dada	#c0dada
#ffcad2	#ffcad2	#b68289	#b68289	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#ffd5db	#ffd5db	#91686e	#91686e	#edffff	#edffff	#809191	#809191
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#f1ffff	#f1ffff	#606d6d	#606d6d
#ffeaed	#ffeaed	#483437	#483437	#f6ffff	#f6ffff	#404848	#404848
#fff4f6	#fff4f6	#241a1b	#241a1b	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightpink und Farbwert #e0ffff

Wechsel der Hintergrundfarbe bei Hover bei Befehl div

Mit Befehl <div> erzeugen Sie einen Kontainer und kann farblich gestaltet und hervorgehoben werden.

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

Z.B. legen wir die Hintergrundfarbe von <div> auf Farbe lightpink fest. Die Textfarbe verändern wir nicht. Die Schriftart ändern wir auf arial und verringern die Größe der Schrift auf 99%:

<style type="text/css"><!--
  div { 
    background-color:lightpink; 
    font-size:99%; 
    font-family:arial;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #e0ffff gesetzt wird.

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

Die Beschreibung vom hier gezeigten HTML-Tag div erfahren Sie in der HTML Referenz unter <div>.

Wechsel der Textfarbe bei Hover mit HTML-Tag h6

Mit Tag <h6> setzen Sie eine Überschrift der 6. Stufe. Diese können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbe lightpink auf Farbwert #e0ffff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h6> in Farbe lightpink vor.

Wir legen als Beispiel Farbe lightpink als Textfarbe von <h6> fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf monospace.

<style type="text/css"><!--
  h6 { 
    font-family:monospace; 
    color:lightpink;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Beschreibung des Tag <h6>.