Ressourcen: 137 HTML Farbnamen - Kombination von Farbe palevioletred und Farbwert #f0f8ff

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe palevioletred			Schriftfarbwert #f0f8ff
Detail	:	Hintergrund palevioletred	Detail	:	Schrift #f0f8ff
Farbe	:	palevioletred	Farbwert	:	#f0f8ff
Farbwert	:	#db7093	Farbe	:	aliceblue
HTML	:	palevioletred	HTML	:	#f0f8ff
HTML (Wert)	:	#db7093	HTML (Wert)	:	#f0f8ff
CSS	:	palevioletred	CSS	:	#f0f8ff
CSS (Wert)	:	#db7093	CSS (Wert)	:	#f0f8ff
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#f0f8ff
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(240,248,255)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(94%,97%,100%)

Verlauf Hintergrundfarbe palevioletred nach Schriftfarbwert #f0f8ff
#db7093	#de83a2	#e196b1	#e4aac1	#e7bdd0	#ead1e0	#ede4ef	#f0f8ff
#db7093	#de83a2	#e196b1	#e4aac1	#e7bdd0	#ead1e0	#ede4ef	#f0f8ff

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

Hintergrundfarbe palevioletred				Schriftfarbwert #f0f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
#e084a2	#e084a2	#bb607e	#bb607e	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
#e598b1	#e598b1	#9c5069	#9c5069	#f4faff	#f4faff	#abb1b6	#abb1b6
#eaadc1	#eaadc1	#7d4054	#7d4054	#f6fbff	#f6fbff	#898d91	#898d91
#efc1d0	#efc1d0	#5d303f	#5d303f	#f8fcff	#f8fcff	#666a6d	#666a6d
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#fafdff	#fafdff	#444648	#444648
#f9eaef	#f9eaef	#1f1015	#1f1015	#fcfeff	#fcfeff	#222324	#222324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palevioletred und Farbwert #f0f8ff

Wechsel der Hintergrundfarbe bei Hover mit Befehl address

Die Hintergrundfarbe soll sich von Farbe palevioletred auf Farbwert #f0f8ff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <address> in Farbe palevioletred vor.

Wir ändern z.B. bei <address> die Hintergrundfarbe auf Farbe palevioletred. Die Schriftgröße setzen wir auf 125%.

<style type="text/css"><!--
  address { 
    background-color: palevioletred; 
    font-size: 125%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #f0f8ff ändert.

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

Mehr zu address können Sie in Blockorientierte Elemente in HTML finden. Weiteres zum hier verwendeten Befehl address finden Sie in der HTML Referenz unter <address>.

Wechsel der Textfarbe bei Hover bei HTML-Tag code

Die Textfarbe soll sich von Farbe palevioletred auf Farbwert #f0f8ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <code> in Farbe palevioletred vor.

Für dieses Beispiel legen wir bei <code> die Textfarbe auf Farbe palevioletred fest:

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

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

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

Weiteres zu code können Sie in Text in HTML finden. Weiteres zum HTML-Tag <code>.