Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ba55d3 und Farbe darkseagreen

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 #ba55d3			Schriftfarbe darkseagreen
Detail	:	Hintergrund #ba55d3	Detail	:	Schrift darkseagreen
Farbwert	:	#ba55d3	Farbe	:	darkseagreen
Farbe	:	mediumorchid	Farbwert	:	#8fbc8f
HTML	:	#ba55d3	HTML	:	darkseagreen
HTML (Wert)	:	#ba55d3	HTML (Wert)	:	#8fbc8f
CSS	:	#ba55d3	CSS	:	darkseagreen
CSS (Wert)	:	#ba55d3	CSS (Wert)	:	#8fbc8f
CSS (kürzest)	:	#ba55d3	CSS (kürzest)	:	#8fbc8f
CSS (RGB)	:	rgb(186,85,211)	CSS (RGB)	:	rgb(143,188,143)
CSS (%RGB)	:	rgb(72%,33%,82%)	CSS (%RGB)	:	rgb(56%,73%,56%)

Verlauf Hintergrundfarbwert #ba55d3 nach Schriftfarbe darkseagreen
#ba55d3	#b363c9	#ad72bf	#a781b5	#a18fac	#9b9ea2	#95ad98	#8fbc8f
#ba55d3	#b363c9	#ad72bf	#a781b5	#a18fac	#9b9ea2	#95ad98	#8fbc8f

Kombination von #ba55d3 und darkseagreen
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #ba55d3 ist darkseagreen ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben darkseagreen und #ba55d3 beträgt 91.28%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 8.72%.

Hintergrundfarbwert #ba55d3				Schriftfarbe darkseagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ba55d3	#ba55d3	#ba55d3	#ba55d3	#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f
#c36dd9	#c36dd9	#9f48b4	#9f48b4	#9fc59f	#9fc59f	#7aa17a	#7aa17a
#cd85df	#cd85df	#843c96	#843c96	#afcfaf	#afcfaf	#668666	#668666
#d79de5	#d79de5	#6a3078	#6a3078	#bfd8bf	#bfd8bf	#516b51	#516b51
#e1b6ec	#e1b6ec	#4f245a	#4f245a	#cfe2cf	#cfe2cf	#3d503d	#3d503d
#ebcef2	#ebcef2	#35183c	#35183c	#dfebdf	#dfebdf	#283528	#283528
#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e	#eff5ef	#eff5ef	#141a14	#141a14
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ba55d3 und Farbe darkseagreen

Wechsel der Textfarbe bei Hover von Befehl center

Die Textfarbe soll sich von Farbwert #ba55d3 auf Farbe darkseagreen ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst die Formatierung von <center> in Farbwert #ba55d3 vor.

Wir setzen als Beispiel bei <center> die Textfarbe auf Farbwert #ba55d3:

<style type="text/css"><!--
  center { 
    color:#ba55d3;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf darkseagreen gesetzt wird.

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

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des Befehl <center>.