Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #66cdaa und Farbwert #9370db

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.

Hintergrundfarbwert #66cdaa			Schriftfarbwert #9370db
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift #9370db
Farbwert	:	#66cdaa	Farbwert	:	#9370db
Farbe	:	mediumaquamarine	Farbe	:	mediumpurple
HTML	:	#66cdaa	HTML	:	#9370db
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#9370db
CSS	:	#66cdaa	CSS	:	#9370db
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#9370db
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#9370db
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(147,112,219)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(57%,43%,85%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbwert #9370db
#66cdaa	#6cbfb1	#72b2b8	#79a5bf	#7f97c6	#868acd	#8c7dd4	#9370db
#66cdaa	#6cbfb1	#72b2b8	#79a5bf	#7f97c6	#868acd	#8c7dd4	#9370db

Kombination von #66cdaa und #9370db
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #66cdaa ist #9370db ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #9370db und #66cdaa ergibt sich zu 90.72%. Die Lesbarkeit dieser Farbkombination liegt damit bei 9.28%.

Hintergrundfarbwert #66cdaa				Schriftfarbwert #9370db
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#9370db	#9370db	#9370db	#9370db
#7bd4b6	#7bd4b6	#57af91	#57af91	#a284e0	#a284e0	#7e60bb	#7e60bb
#91dbc2	#91dbc2	#489279	#489279	#b198e5	#b198e5	#69509c	#69509c
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#c1adea	#c1adea	#54407d	#54407d
#bde9da	#bde9da	#2b5748	#2b5748	#d0c1ef	#d0c1ef	#3f305d	#3f305d
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#e0d6f4	#e0d6f4	#2a203e	#2a203e
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#efeaf9	#efeaf9	#15101f	#15101f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #66cdaa und Farbwert #9370db

Wechsel der Textfarbe bei Hover bei Tag acronym

Die Textfarbe soll sich von Farbwert #66cdaa auf Farbwert #9370db ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <acronym> in Farbwert #66cdaa vor.

Wir ändern zum Beispiel bei <acronym> die Textfarbe auf Farbwert #66cdaa:

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #9370db gesetzt wird.

<style type="text/css"><!--
  acronym: hover { 
    color: #9370db;
  }
//-->
</style>

Der hier gezeigte Befehl acronym ist in der HTML Referenz unter <acronym> genau zusammengestellt.