Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumaquamarine und Farbwert #483d8b

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe mediumaquamarine			Schriftfarbwert #483d8b
Detail	:	Hintergrund mediumaquamarine	Detail	:	Schrift #483d8b
Farbe	:	mediumaquamarine	Farbwert	:	#483d8b
Farbwert	:	#66cdaa	Farbe	:	darkslateblue
HTML	:	mediumaquamarine	HTML	:	#483d8b
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#483d8b
CSS	:	mediumaquamarine	CSS	:	#483d8b
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#483d8b
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#483d8b
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(72,61,139)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(28%,23%,54%)

Verlauf Hintergrundfarbe mediumaquamarine nach Schriftfarbwert #483d8b
#66cdaa	#61b8a5	#5da3a1	#598f9c	#547a98	#506693	#4c518f	#483d8b
#66cdaa	#61b8a5	#5da3a1	#598f9c	#547a98	#506693	#4c518f	#483d8b

Kombination von mediumaquamarine und #483d8b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund mediumaquamarine ist #483d8b ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #483d8b und mediumaquamarine ergibt sich zu 77.63%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 22.37%.

Hintergrundfarbe mediumaquamarine				Schriftfarbwert #483d8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#483d8b	#483d8b	#483d8b	#483d8b
#7bd4b6	#7bd4b6	#57af91	#57af91	#62589b	#62589b	#3d3477	#3d3477
#91dbc2	#91dbc2	#489279	#489279	#7c74ac	#7c74ac	#332b63	#332b63
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#9690bc	#9690bc	#29224f	#29224f
#bde9da	#bde9da	#2b5748	#2b5748	#b0abcd	#b0abcd	#1e1a3b	#1e1a3b
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#cac7dd	#cac7dd	#141127	#141127
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#e4e3ee	#e4e3ee	#0a0813	#0a0813
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe mediumaquamarine und Farbwert #483d8b

Wechsel der Textfarbe bei Hover mit Tag address

Die Textfarbe soll sich von Farbe mediumaquamarine auf Farbwert #483d8b ändern, wenn man mit der Maus auf <address> zeigt. Bereiten wir zunächst die Formatierung von <address> in Farbe mediumaquamarine vor.

Wir ändern hier die Textfarbe von <address> auf Farbe mediumaquamarine. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf courier new.

<style type="text/css"><!--
  address { 
    font-family:courier new; 
    color:mediumaquamarine;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #483d8b ändert.

<style type="text/css"><!--
  address:hover { 
    color:#483d8b;
  }
//-->
</style>

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML erfahren. Zur Beschreibung des Tag <address>.