Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightcoral 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.

Hintergrundfarbe lightcoral			Schriftfarbwert #db7093
Detail	:	Hintergrund lightcoral	Detail	:	Schrift #db7093
Farbe	:	lightcoral	Farbwert	:	#db7093
Farbwert	:	#f08080	Farbe	:	palevioletred
HTML	:	lightcoral	HTML	:	#db7093
HTML (Wert)	:	#f08080	HTML (Wert)	:	#db7093
CSS	:	lightcoral	CSS	:	#db7093
CSS (Wert)	:	#f08080	CSS (Wert)	:	#db7093
CSS (kürzest)	:	#f08080	CSS (kürzest)	:	#db7093
CSS (RGB)	:	rgb(240,128,128)	CSS (RGB)	:	rgb(219,112,147)
CSS (%RGB)	:	rgb(94%,50%,50%)	CSS (%RGB)	:	rgb(85%,43%,57%)

Verlauf Hintergrundfarbe lightcoral nach Schriftfarbwert #db7093
#f08080	#ed7d82	#ea7b85	#e77988	#e4768a	#e1748d	#de7290	#db7093
#f08080	#ed7d82	#ea7b85	#e77988	#e4768a	#e1748d	#de7290	#db7093

Kombination von lightcoral und #db7093
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 #db7093 und lightcoral ergibt sich zu 94.28%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.72%. #db7093 ist nicht als Schriftfarbe auf Hintergrund lightcoral geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbe lightcoral				Schriftfarbwert #db7093
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f08080	#f08080	#f08080	#f08080	#db7093	#db7093	#db7093	#db7093
#f29292	#f29292	#cd6d6d	#cd6d6d	#e084a2	#e084a2	#bb607e	#bb607e
#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b	#e598b1	#e598b1	#9c5069	#9c5069
#f6b6b6	#f6b6b6	#894949	#894949	#eaadc1	#eaadc1	#7d4054	#7d4054
#f8c8c8	#f8c8c8	#663636	#663636	#efc1d0	#efc1d0	#5d303f	#5d303f
#fadada	#fadada	#442424	#442424	#f4d6e0	#f4d6e0	#3e202a	#3e202a
#fcecec	#fcecec	#221212	#221212	#f9eaef	#f9eaef	#1f1015	#1f1015
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcoral und Farbwert #db7093

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl p

Die Hintergrundfarbe soll sich von Farbe lightcoral auf Farbwert #db7093 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <p> in Farbe lightcoral vor.

Wir setzen hier die Hintergrundfarbe von <p> auf Farbe lightcoral:

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #db7093 ändert.

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

Mehr zu p finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des HTML-Tag <p>.

Wechsel der Textfarbe bei Hover mit Tag dt

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

Wir ändern zum Beispiel die Textfarbe von <dt> auf Farbe lightcoral. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  dt { 
    color: lightcoral; 
    font-family: courier new; 
    font-size: 13px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #db7093 gesetzt wird.

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

Mehr zu dt können Sie in Listen und Glossare in HTML erfahren. Einzelheiten des Tag dt lesen Sie in der HTML Referenz unter <dt>.