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

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 #ff7f50
Detail	:	Hintergrund violet	Detail	:	Schrift #ff7f50
Farbe	:	violet	Farbwert	:	#ff7f50
Farbwert	:	#ee82ee	Farbe	:	coral
HTML	:	violet	HTML	:	#ff7f50
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#ff7f50
CSS	:	violet	CSS	:	#ff7f50
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbe violet nach Schriftfarbwert #ff7f50
#ee82ee	#f081d7	#f281c0	#f580aa	#f78093	#fa7f7d	#fc7f66	#ff7f50
#ee82ee	#f081d7	#f281c0	#f580aa	#f78093	#fa7f7d	#fc7f66	#ff7f50

Kombination von violet und #ff7f50
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ff7f50 eignet sich nicht als Schriftfarbe auf Hintergrund violet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben #ff7f50 und violet beträgt 94.86%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.14%.

Hintergrundfarbe violet				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#ff9169	#ff9169	#da6c44	#da6c44
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#ffa382	#ffa382	#b65a39	#b65a39
#f5b7f5	#f5b7f5	#884a88	#884a88	#ffb59b	#ffb59b	#91482d	#91482d
#f7c9f7	#f7c9f7	#663766	#663766	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#fadbfa	#fadbfa	#442544	#442544	#ffdacd	#ffdacd	#482416	#482416
#fcedfc	#fcedfc	#221222	#221222	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe violet und Farbwert #ff7f50

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag a

Ein Hyperlink wird mit Befehl <a> erzeugt. Diesen können Sie hervorheben und farblich gestalten.

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

Wir legen für dieses Beispiel bei <a> die Hintergrundfarbe auf Farbe violet fest. Die Größe der Schrift ändern wir auf 9pt:

<style type="text/css"><!--
  a { 
    font-size: 9pt; 
    background-color: violet;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #ff7f50 ändert.

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

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Einzelheiten vom HTML-Tag <a>.