Ressourcen: 137 HTML Farbnamen - Kombination von Farbe violet und Farbwert #fa8072

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 violet			Schriftfarbwert #fa8072
Detail	:	Hintergrund violet	Detail	:	Schrift #fa8072
Farbe	:	violet	Farbwert	:	#fa8072
Farbwert	:	#ee82ee	Farbe	:	salmon
HTML	:	violet	HTML	:	#fa8072
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#fa8072
CSS	:	violet	CSS	:	#fa8072
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbe violet nach Schriftfarbwert #fa8072
#ee82ee	#ef81dc	#f181ca	#f381b8	#f480a7	#f68095	#f88083	#fa8072
#ee82ee	#ef81dc	#f181ca	#f381b8	#f480a7	#f68095	#f88083	#fa8072

Kombination von violet und #fa8072
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fa8072 eignet sich nicht als Schriftfarbe auf Hintergrund violet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #fa8072 und violet ergibt sich zu 94.86%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.14%.

Hintergrundfarbe violet				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#fa8072	#fa8072	#fa8072	#fa8072
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#fa9286	#fa9286	#d66d61	#d66d61
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#fba49a	#fba49a	#b25b51	#b25b51
#f5b7f5	#f5b7f5	#884a88	#884a88	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#f7c9f7	#f7c9f7	#663766	#663766	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#fadbfa	#fadbfa	#442544	#442544	#fddad6	#fddad6	#472420	#472420
#fcedfc	#fcedfc	#221222	#221222	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe violet und Farbwert #fa8072

Füllen und Umranden mit Tag center

Für dieses Beispiel umranden wir <center> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbwert #fa8072 . Die Hintergrundfarbe für <center> färben wir mit Farbe violet. Das geht in HTML kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  center { border:2px outset #fa8072; background-color:violet; }
//-->
</style>

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Zur Beschreibung des hier verwendeten HTML-Befehl <center>.

Wechsel der Umrandung bei Hover mit Tag img

Die Rahmenfarbe soll sich von Farbe violet auf Farbwert #fa8072 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <img> in Farbe violet vor.

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe violet.

<style type="text/css"><!--
  img { border:5px double violet; }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #fa8072 ändert.

<style type="text/css"><!--
  img:hover { 
    border-color:#fa8072;
  }
//-->
</style>

Mehr zum Thema können Sie in Grafik in HTML nachsehen. Weiteres zum hier verwendeten Tag <img>.