Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #db7093 und Farbwert #90ee90

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.

Hintergrundfarbwert #db7093			Schriftfarbwert #90ee90
Detail	:	Hintergrund #db7093	Detail	:	Schrift #90ee90
Farbwert	:	#db7093	Farbwert	:	#90ee90
Farbe	:	palevioletred	Farbe	:	lightgreen
HTML	:	#db7093	HTML	:	#90ee90
HTML (Wert)	:	#db7093	HTML (Wert)	:	#90ee90
CSS	:	#db7093	CSS	:	#90ee90
CSS (Wert)	:	#db7093	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbwert #db7093 nach Schriftfarbwert #90ee90
#db7093	#d08292	#c59492	#baa691	#b0b891	#a5ca90	#9adc90	#90ee90
#db7093	#d08292	#c59492	#baa691	#b0b891	#a5ca90	#9adc90	#90ee90

Kombination von #db7093 und #90ee90
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#90ee90 eignet sich nicht als Schriftfarbe auf Hintergrund #db7093. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #90ee90 und #db7093 ergibt sich zu 89.55%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 10.45%.

Hintergrundfarbwert #db7093				Schriftfarbwert #90ee90
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#90ee90	#90ee90	#90ee90	#90ee90
#e084a2	#e084a2	#bb607e	#bb607e	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#e598b1	#e598b1	#9c5069	#9c5069	#aff2af	#aff2af	#66aa66	#66aa66
#eaadc1	#eaadc1	#7d4054	#7d4054	#bff5bf	#bff5bf	#528852	#528852
#efc1d0	#efc1d0	#5d303f	#5d303f	#cff7cf	#cff7cf	#3d663d	#3d663d
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#dffadf	#dffadf	#294429	#294429
#f9eaef	#f9eaef	#1f1015	#1f1015	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #db7093 und Farbwert #90ee90

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl a

Mit HTML-Tag <a> wird ein Link erzeugt und kann farblich gestaltet werden.

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

Z.B. legen wir Farbwert #db7093 als Hintergrundfarbe von <a> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  a { 
    background-color: #db7093; 
    font-family: verdana;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #90ee90 gesetzt wird.

<style type="text/css"><!--
  a: hover { 
    background-color: #90ee90;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum hier gezeigten Befehl <a>.

Wechsel der Textfarbe bei Hover von Tag samp

Die Textfarbe soll sich von Farbwert #db7093 auf Farbwert #90ee90 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <samp> in Farbwert #db7093 vor.

Für dieses Beispiel setzen wir bei <samp> die Textfarbe auf Farbwert #db7093. Die Hintergrundfarbe ändern wir nicht, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  samp { 
    color:#db7093; 
    font-family:monospace;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf #90ee90 ändert.

<style type="text/css"><!--
  samp:hover { 
    color:#90ee90;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Der Tag samp ist in der HTML Referenz bei <samp> ausführlich zusammengestellt.