Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightskyblue 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 lightskyblue			Schriftfarbwert #db7093
Detail	:	Hintergrund lightskyblue	Detail	:	Schrift #db7093
Farbe	:	lightskyblue	Farbwert	:	#db7093
Farbwert	:	#87cefa	Farbe	:	palevioletred
HTML	:	lightskyblue	HTML	:	#db7093
HTML (Wert)	:	#87cefa	HTML (Wert)	:	#db7093
CSS	:	lightskyblue	CSS	:	#db7093
CSS (Wert)	:	#87cefa	CSS (Wert)	:	#db7093
CSS (kürzest)	:	#87cefa	CSS (kürzest)	:	#db7093
CSS (RGB)	:	rgb(135,206,250)	CSS (RGB)	:	rgb(219,112,147)
CSS (%RGB)	:	rgb(52%,80%,98%)	CSS (%RGB)	:	rgb(85%,43%,57%)

Verlauf Hintergrundfarbe lightskyblue nach Schriftfarbwert #db7093
#87cefa	#93c0eb	#9fb3dc	#aba5cd	#b798bf	#c38ab0	#cf7da1	#db7093
#87cefa	#93c0eb	#9fb3dc	#aba5cd	#b798bf	#c38ab0	#cf7da1	#db7093

Kombination von lightskyblue und #db7093
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				#db7093 eignet sich nicht als Schriftfarbe auf Hintergrund lightskyblue, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #db7093 und lightskyblue ergibt sich zu 91.37%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.63%.

Hintergrundfarbe lightskyblue				Schriftfarbwert #db7093
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87cefa	#87cefa	#87cefa	#87cefa	#db7093	#db7093	#db7093	#db7093
#98d5fa	#98d5fa	#73b0d6	#73b0d6	#e084a2	#e084a2	#bb607e	#bb607e
#a9dcfb	#a9dcfb	#6093b2	#6093b2	#e598b1	#e598b1	#9c5069	#9c5069
#bae3fc	#bae3fc	#4d758e	#4d758e	#eaadc1	#eaadc1	#7d4054	#7d4054
#cbeafc	#cbeafc	#39586b	#39586b	#efc1d0	#efc1d0	#5d303f	#5d303f
#dcf1fd	#dcf1fd	#263a47	#263a47	#f4d6e0	#f4d6e0	#3e202a	#3e202a
#edf8fe	#edf8fe	#131d23	#131d23	#f9eaef	#f9eaef	#1f1015	#1f1015
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightskyblue und Farbwert #db7093

Wechsel der Hintergrundfarbe bei Hover mit Tag thead

Die Hintergrundfarbe soll sich von Farbe lightskyblue auf Farbwert #db7093 ändern, wenn man mit der Maus auf <thead> zeigt. Wir bereiten zunächst eine Darstellung von <thead> in Farbe lightskyblue vor.

Wir legen z.B. bei <thead> die Hintergrundfarbe auf Farbe lightskyblue fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  thead { 
    background-color: lightskyblue; 
    font-family: sans-serif;
  }
//-->
</style>

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

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

Mehr zum Thema thead lesen Sie in Tabellen in HTML. Zur Beschreibung des Befehl <thead>.

Wechsel der Textfarbe bei Hover mit HTML-Tag dd

Die Textfarbe soll sich von Farbe lightskyblue auf Farbwert #db7093 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <dd> in Farbe lightskyblue vor.

Wir legen hier bei <dd> die Textfarbe auf Farbe lightskyblue fest:

<style type="text/css"><!--
  dd { 
    color: lightskyblue;
  }
//-->
</style>

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

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

Weiteres zu dd können Sie in Listen und Glossare in HTML nachlesen. Möglichkeiten vom hier gezeigten Tag <dd>.