Ressourcen: 137 HTML Farbnamen - Kombination von Farbe fuchsia und Farbwert #66cdaa

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 fuchsia			Schriftfarbwert #66cdaa
Detail	:	Hintergrund fuchsia	Detail	:	Schrift #66cdaa
Farbe	:	fuchsia	Farbwert	:	#66cdaa
Farbwert	:	#ff00ff	Farbe	:	mediumaquamarine
HTML	:	fuchsia	HTML	:	#66cdaa
HTML (Wert)	:	#ff00ff	HTML (Wert)	:	#66cdaa
CSS	:	fuchsia	CSS	:	#66cdaa
CSS (Wert)	:	#ff00ff	CSS (Wert)	:	#66cdaa
CSS (kürzest)	:	#f0f	CSS (kürzest)	:	#66cdaa
CSS (RGB)	:	rgb(255,0,255)	CSS (RGB)	:	rgb(102,205,170)
CSS (%RGB)	:	rgb(100%,0%,100%)	CSS (%RGB)	:	rgb(40%,80%,66%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbwert #66cdaa
#ff00ff	#e91df2	#d33ae6	#bd57da	#a775ce	#9192c2	#7bafb6	#66cdaa
#ff00ff	#e91df2	#d33ae6	#bd57da	#a775ce	#9192c2	#7bafb6	#66cdaa

Kombination von fuchsia und #66cdaa
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#66cdaa ist nicht als Schriftfarbe auf Hintergrund fuchsia geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #66cdaa und fuchsia ergibt sich zu 92.26%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.74%.

Hintergrundfarbe fuchsia				Schriftfarbwert #66cdaa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff00ff	#ff00ff	#ff00ff	#ff00ff	#66cdaa	#66cdaa	#66cdaa	#66cdaa
#ff24ff	#ff24ff	#da00da	#da00da	#7bd4b6	#7bd4b6	#57af91	#57af91
#ff48ff	#ff48ff	#b600b6	#b600b6	#91dbc2	#91dbc2	#489279	#489279
#ff6dff	#ff6dff	#910091	#910091	#a7e2ce	#a7e2ce	#3a7561	#3a7561
#ff91ff	#ff91ff	#6d006d	#6d006d	#bde9da	#bde9da	#2b5748	#2b5748
#ffb6ff	#ffb6ff	#480048	#480048	#d3f0e6	#d3f0e6	#1d3a30	#1d3a30
#ffdaff	#ffdaff	#240024	#240024	#e9f7f2	#e9f7f2	#0e1d18	#0e1d18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe fuchsia und Farbwert #66cdaa

Hintergrund/Text-Kombination von HTML-Befehl var

Für dieses Beispiel ändern wir die Textfarbe von <var> auf Farbwert #66cdaa und die Hintergrundfarbe von <var> auf Farbe fuchsia. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße ändern wir auf 9pt.

<style type="text/css"><!--
  var { 
    font-family: sans-serif; 
    font-size: 9pt; 
    color: #66cdaa; 
    background-color: fuchsia;
  }
//-->
</style>

Mehr zum Thema var können Sie in Text in HTML lesen. Möglichkeiten vom hier gezeigten HTML-Tag var sind in der HTML Referenz unter <var> beschrieben.

Wechsel der Umrandung bei Hover bei HTML-Befehl pre

Die Rahmenfarbe soll sich von Farbe fuchsia auf Farbwert #66cdaa ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <pre> in Farbe fuchsia vor.

In diesem Beispiel umranden wir <pre> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbe fuchsia.

<style type="text/css"><!--
  pre { border:3px groove fuchsia; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #66cdaa ändert.

<style type="text/css"><!--
  pre:hover { 
    border-color:#66cdaa;
  }
//-->
</style>

Mehr zum Thema pre finden Sie in Blockorientierte Elemente in HTML. Beschreibung vom Befehl <pre>.