Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #7b68ee und Farbwert #008b8b

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 #7b68ee			Schriftfarbwert #008b8b
Detail	:	Hintergrund #7b68ee	Detail	:	Schrift #008b8b
Farbwert	:	#7b68ee	Farbwert	:	#008b8b
Farbe	:	mediumslateblue	Farbe	:	darkcyan
HTML	:	#7b68ee	HTML	:	#008b8b
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#008b8b
CSS	:	#7b68ee	CSS	:	#008b8b
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbwert #7b68ee nach Schriftfarbwert #008b8b
#7b68ee	#696ddf	#5772d1	#4677c3	#347cb5	#2381a7	#118699	#008b8b
#7b68ee	#696ddf	#5772d1	#4677c3	#347cb5	#2381a7	#118699	#008b8b

Kombination von #7b68ee und #008b8b
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #008b8b und #7b68ee beträgt 95.23%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 4.77%. Auf Hintergrund #7b68ee ist #008b8b ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbwert #7b68ee				Schriftfarbwert #008b8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#008b8b	#008b8b	#008b8b	#008b8b
#8d7df0	#8d7df0	#6959cc	#6959cc	#249b9b	#249b9b	#007777	#007777
#a093f2	#a093f2	#574aaa	#574aaa	#48acac	#48acac	#006363	#006363
#b3a8f5	#b3a8f5	#463b88	#463b88	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#c6bef7	#c6bef7	#342c66	#342c66	#91cdcd	#91cdcd	#003b3b	#003b3b
#d9d3fa	#d9d3fa	#231d44	#231d44	#b6dddd	#b6dddd	#002727	#002727
#ece9fc	#ece9fc	#110e22	#110e22	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7b68ee und Farbwert #008b8b

Wechsel der Textfarbe bei Hover bei Tag h4

Eine Überschrift wird mit Tag <h4> gesetzt. Diese können Sie farblich gestalten.

Die Textfarbe soll sich von Farbwert #7b68ee auf Farbwert #008b8b ändern, wenn man mit der Maus auf <h4> zeigt. Bereiten wir zunächst eine Formatierung von <h4> in Farbwert #7b68ee vor.

In diesem Beispiel ändern wir die Textfarbe von <h4> auf Farbwert #7b68ee.

<style type="text/css"><!--
  h4 { 
    color:#7b68ee;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #008b8b ändert.

<style type="text/css"><!--
  h4: hover { 
    color: #008b8b;
  }
//-->
</style>

Mehr zu h4 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Weiteres zum Befehl h4 ist in der HTML Referenz unter <h4> zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag ins

Die Hintergrundfarbe soll sich von Farbwert #7b68ee auf Farbwert #008b8b ändern, wenn man mit der Maus auf <ins> zeigt. Wir bereiten zunächst eine Darstellung von <ins> in Farbwert #7b68ee vor.

Hier setzen wir bei <ins> die Hintergrundfarbe auf Farbwert #7b68ee. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  ins { 
    background-color:#7b68ee; 
    font-family:monospace;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #008b8b ändert.

<style type="text/css"><!--
  ins:hover { 
    background-color:#008b8b;
  }
//-->
</style>

Die Beschreibung vom hier genutzten Befehl ins erfahren Sie in der HTML Referenz unter <ins>.