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

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 #f4a460
Detail	:	Hintergrund palevioletred	Detail	:	Schrift #f4a460
Farbe	:	palevioletred	Farbwert	:	#f4a460
Farbwert	:	#db7093	Farbe	:	sandybrown
HTML	:	palevioletred	HTML	:	#f4a460
HTML (Wert)	:	#db7093	HTML (Wert)	:	#f4a460
CSS	:	palevioletred	CSS	:	#f4a460
CSS (Wert)	:	#db7093	CSS (Wert)	:	#f4a460
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#f4a460
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(244,164,96)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(95%,64%,37%)

Verlauf Hintergrundfarbe palevioletred nach Schriftfarbwert #f4a460
#db7093	#de778b	#e27e84	#e5867d	#e98d75	#ec956e	#f09c67	#f4a460
#db7093	#de778b	#e27e84	#e5867d	#e98d75	#ec956e	#f09c67	#f4a460

Kombination von palevioletred und #f4a460
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#f4a460 ist nicht als Schriftfarbe auf Hintergrund palevioletred geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von #f4a460 und palevioletred ergibt sich zu 92.72%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.28%.

Hintergrundfarbe palevioletred				Schriftfarbwert #f4a460
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#f4a460	#f4a460	#f4a460	#f4a460
#e084a2	#e084a2	#bb607e	#bb607e	#f5b176	#f5b176	#d18c52	#d18c52
#e598b1	#e598b1	#9c5069	#9c5069	#f7be8d	#f7be8d	#ae7544	#ae7544
#eaadc1	#eaadc1	#7d4054	#7d4054	#f8cba4	#f8cba4	#8b5d36	#8b5d36
#efc1d0	#efc1d0	#5d303f	#5d303f	#fad8ba	#fad8ba	#684629	#684629
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#fbe5d1	#fbe5d1	#452e1b	#452e1b
#f9eaef	#f9eaef	#1f1015	#1f1015	#fdf2e8	#fdf2e8	#22170d	#22170d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palevioletred und Farbwert #f4a460

Text- und Unterstreichungsfarben mit Tag a

Einen Hyperlink erzeugen Sie mit Tag <a>. Diesen können Sie farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <a> auf Farbwert #f4a460 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf courier new und setzen die Schriftgröße auf 14pt. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gefurchten Rahmens mit 3 Pixel Dicke in Farbe palevioletred. In HTML geht dies kaum. Deshalb nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    color:#f4a460; 
    border-bottom-width:3px; 
    font-size:14pt; 
    border-bottom-style:groove; 
    border-bottom-color:palevioletred; 
    font-family:courier new;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung vom hier verwendeten HTML-Befehl a erfahren Sie in der HTML Referenz unter <a>.

Wechsel der Hintergrundfarbe bei Hover bei Tag tfoot

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

Hier ändern wir die Hintergrundfarbe von <tfoot> auf Farbe palevioletred:

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

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

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

Weiteres zu tfoot können Sie in Tabellen in HTML finden. Die Beschreibung vom Tag tfoot lesen Sie in der HTML Referenz unter <tfoot>.