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

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.

Hintergrundfarbwert #ee82ee			Schriftfarbe mediumaquamarine
Detail	:	Hintergrund #ee82ee	Detail	:	Schrift mediumaquamarine
Farbwert	:	#ee82ee	Farbe	:	mediumaquamarine
Farbe	:	violet	Farbwert	:	#66cdaa
HTML	:	#ee82ee	HTML	:	mediumaquamarine
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#66cdaa
CSS	:	#ee82ee	CSS	:	mediumaquamarine
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#66cdaa
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#66cdaa
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(102,205,170)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(40%,80%,66%)

Verlauf Hintergrundfarbwert #ee82ee nach Schriftfarbe mediumaquamarine
#ee82ee	#da8ce4	#c797da	#b3a2d0	#a0acc7	#8cb7bd	#79c2b3	#66cdaa
#ee82ee	#da8ce4	#c797da	#b3a2d0	#a0acc7	#8cb7bd	#79c2b3	#66cdaa

Kombination von #ee82ee und mediumaquamarine
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben mediumaquamarine und #ee82ee beträgt 94.28%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.72%. mediumaquamarine ist nicht als Schriftfarbe auf Hintergrund #ee82ee geeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #ee82ee				Schriftfarbe mediumaquamarine
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#66cdaa	#66cdaa	#66cdaa	#66cdaa
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#7bd4b6	#7bd4b6	#57af91	#57af91
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#91dbc2	#91dbc2	#489279	#489279
#f5b7f5	#f5b7f5	#884a88	#884a88	#a7e2ce	#a7e2ce	#3a7561	#3a7561
#f7c9f7	#f7c9f7	#663766	#663766	#bde9da	#bde9da	#2b5748	#2b5748
#fadbfa	#fadbfa	#442544	#442544	#d3f0e6	#d3f0e6	#1d3a30	#1d3a30
#fcedfc	#fcedfc	#221222	#221222	#e9f7f2	#e9f7f2	#0e1d18	#0e1d18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ee82ee und Farbe mediumaquamarine

Wechsel der Textfarbe bei Hover von Befehl p

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

Hier ändern wir die Textfarbe von <p> auf Farbwert #ee82ee. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new. Die Größe der Schrift verringern wir auf 97%.

<style type="text/css"><!--
  p { 
    font-size: 97%; 
    font-family: courier new; 
    color: #ee82ee;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf mediumaquamarine ändert.

<style type="text/css"><!--
  p:hover { 
    color:mediumaquamarine;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten vom Tag p sind in der HTML Referenz unter <p> beschrieben.

Hintergrund/Text-Kombination von HTML-Tag strike

Hier ändern wir die Textfarbe von <strike> auf Farbe mediumaquamarine und die Hintergrundfarbe von <strike> auf Farbwert #ee82ee. Als Schriftart setzen wir monospace und vergrößern die Schriftgröße auf 121%.

<style type="text/css"><!--
  strike { 
    color: mediumaquamarine; 
    font-family: monospace; 
    font-size: 121%; 
    background-color: #ee82ee;
  }
//-->
</style>

Mehr zum Thema können Sie in Text in HTML finden. Der HTML-Tag strike ist in der HTML Referenz bei <strike> ausführlich zusammengestellt.