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

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 #8b4513
Detail	:	Hintergrund palevioletred	Detail	:	Schrift #8b4513
Farbe	:	palevioletred	Farbwert	:	#8b4513
Farbwert	:	#db7093	Farbe	:	saddlebrown
HTML	:	palevioletred	HTML	:	#8b4513
HTML (Wert)	:	#db7093	HTML (Wert)	:	#8b4513
CSS	:	palevioletred	CSS	:	#8b4513
CSS (Wert)	:	#db7093	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbe palevioletred nach Schriftfarbwert #8b4513
#db7093	#cf6980	#c4636e	#b85d5c	#ad5749	#a15137	#964b25	#8b4513
#db7093	#cf6980	#c4636e	#b85d5c	#ad5749	#a15137	#964b25	#8b4513

Kombination von palevioletred und #8b4513
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #8b4513 und palevioletred beträgt 89.13%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.87%. Auf Hintergrund palevioletred ist #8b4513 ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe palevioletred				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#8b4513	#8b4513	#8b4513	#8b4513
#e084a2	#e084a2	#bb607e	#bb607e	#9b5f34	#9b5f34	#773b10	#773b10
#e598b1	#e598b1	#9c5069	#9c5069	#ac7a56	#ac7a56	#63310d	#63310d
#eaadc1	#eaadc1	#7d4054	#7d4054	#bc9478	#bc9478	#4f270a	#4f270a
#efc1d0	#efc1d0	#5d303f	#5d303f	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#ddc9bb	#ddc9bb	#271305	#271305
#f9eaef	#f9eaef	#1f1015	#1f1015	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe palevioletred und Farbwert #8b4513

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl select

Die Hintergrundfarbe soll sich von Farbe palevioletred auf Farbwert #8b4513 ändern, wenn man mit der Maus auf <select> zeigt. Bereiten wir zunächst eine Formatierung von <select> in Farbe palevioletred vor.

In diesem Beispiel ändern wir die Hintergrundfarbe von <select> auf Farbe palevioletred. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf arial.

<style type="text/css"><!--
  select { 
    background-color: palevioletred; 
    font-family: arial;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #8b4513 geändert wird.

<style type="text/css"><!--
  select:hover { 
    background-color:#8b4513;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Formulare in HTML. Möglichkeiten vom HTML-Befehl select sind in der HTML Referenz bei <select> zusammengestellt.