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

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 mediumturquoise
Detail	:	Hintergrund #ba55d3	Detail	:	Schrift mediumturquoise
Farbwert	:	#ba55d3	Farbe	:	mediumturquoise
Farbe	:	mediumorchid	Farbwert	:	#48d1cc
HTML	:	#ba55d3	HTML	:	mediumturquoise
HTML (Wert)	:	#ba55d3	HTML (Wert)	:	#48d1cc
CSS	:	#ba55d3	CSS	:	mediumturquoise
CSS (Wert)	:	#ba55d3	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#ba55d3	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(186,85,211)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(72%,33%,82%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbwert #ba55d3 nach Schriftfarbe mediumturquoise
#ba55d3	#a966d2	#9978d1	#898ad0	#789bcf	#68adce	#58bfcd	#48d1cc
#ba55d3	#a966d2	#9978d1	#898ad0	#789bcf	#68adce	#58bfcd	#48d1cc

Kombination von #ba55d3 und mediumturquoise
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von mediumturquoise und #ba55d3 beträgt 89.93%. Die Lesbarkeit dieser Farbkombination liegt damit bei 10.07%. Auf Hintergrund #ba55d3 ist mediumturquoise ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #ba55d3				Schriftfarbe mediumturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ba55d3	#ba55d3	#ba55d3	#ba55d3	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#c36dd9	#c36dd9	#9f48b4	#9f48b4	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#cd85df	#cd85df	#843c96	#843c96	#7cdeda	#7cdeda	#339591	#339591
#d79de5	#d79de5	#6a3078	#6a3078	#96e4e1	#96e4e1	#297774	#297774
#e1b6ec	#e1b6ec	#4f245a	#4f245a	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#ebcef2	#ebcef2	#35183c	#35183c	#caf1f0	#caf1f0	#143b3a	#143b3a
#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ba55d3 und Farbe mediumturquoise

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag p

Die Hintergrundfarbe soll sich von Farbwert #ba55d3 auf Farbe mediumturquoise ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <p> in Farbwert #ba55d3 vor.

Wir legen für dieses Beispiel Farbwert #ba55d3 als Hintergrundfarbe von <p> fest.

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

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf mediumturquoise geändert wird.

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

Mehr zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum HTML-Tag <p>.

Wechsel der Textfarbe bei Hover bei HTML-Tag h2

Eine Überschrift der 2. Stufe setzen Sie mit Befehl <h2>. Sie kann farblich gestaltet werden.

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

Wir setzen für dieses Beispiel bei <h2> die Textfarbe auf Farbwert #ba55d3. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace und ändern die Größe der Schrift auf 9pt:

<style type="text/css"><!--
  h2 { 
    font-size: 9pt; 
    font-family: monospace; 
    color: #ba55d3;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf mediumturquoise geändert wird.

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier verwendeten Tag h2 lesen Sie in der HTML Referenz unter <h2>.