Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7b68ee und Farbe lightseagreen

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 #7b68ee			Schriftfarbe lightseagreen
Detail	:	Hintergrund #7b68ee	Detail	:	Schrift lightseagreen
Farbwert	:	#7b68ee	Farbe	:	lightseagreen
Farbe	:	mediumslateblue	Farbwert	:	#20b2aa
HTML	:	#7b68ee	HTML	:	lightseagreen
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#20b2aa
CSS	:	#7b68ee	CSS	:	lightseagreen
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#20b2aa
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#20b2aa
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(32,178,170)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(12%,69%,66%)

Verlauf Hintergrundfarbwert #7b68ee nach Schriftfarbe lightseagreen
#7b68ee	#6e72e4	#617dda	#5487d0	#4792c7	#3a9cbd	#2da7b3	#20b2aa
#7b68ee	#6e72e4	#617dda	#5487d0	#4792c7	#3a9cbd	#2da7b3	#20b2aa

Kombination von #7b68ee und lightseagreen
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von lightseagreen und #7b68ee ergibt sich zu 92.46%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.54%. Auf Hintergrund #7b68ee ist lightseagreen ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbwert #7b68ee				Schriftfarbe lightseagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#20b2aa	#20b2aa	#20b2aa	#20b2aa
#8d7df0	#8d7df0	#6959cc	#6959cc	#3fbdb6	#3fbdb6	#1b9891	#1b9891
#a093f2	#a093f2	#574aaa	#574aaa	#5fc8c2	#5fc8c2	#167f79	#167f79
#b3a8f5	#b3a8f5	#463b88	#463b88	#7fd3ce	#7fd3ce	#126561	#126561
#c6bef7	#c6bef7	#342c66	#342c66	#9fdeda	#9fdeda	#0d4c48	#0d4c48
#d9d3fa	#d9d3fa	#231d44	#231d44	#bfe9e6	#bfe9e6	#093230	#093230
#ece9fc	#ece9fc	#110e22	#110e22	#dff4f2	#dff4f2	#041918	#041918
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7b68ee und Farbe lightseagreen

Füllen und Umranden bei HTML-Befehl h1

Eine Überschrift der 1. Stufe wird mit Befehl <h1> gesetzt. Diese können Sie farblich gestalten.

Bei diesem Beispiel umranden wir <h1> mit einem 2 Punkte dicken, gepunkteten Rahmen in Farbe lightseagreen . Die Hintergrundfarbe für <h1> färben wir mit Farbwert #7b68ee. In HTML geht das kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h1 { border:2pt dotted lightseagreen; background-color:#7b68ee; }
//-->
</style>

Weiteres zum Thema h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier genutzten Befehl h1 lesen Sie in der HTML Referenz unter <h1>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag abbr

Die Hintergrundfarbe soll sich von Farbwert #7b68ee auf Farbe lightseagreen ändern, wenn man mit der Maus auf <abbr> zeigt. Wir bereiten zunächst eine Formatierung von <abbr> in Farbwert #7b68ee vor.

Zum Beispiel setzen wir die Hintergrundfarbe von <abbr> auf Farbwert #7b68ee und setzen die Schriftgröße auf 13px:

<style type="text/css"><!--
  abbr { 
    background-color: #7b68ee; 
    font-size: 13px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf lightseagreen ändert.

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

Weiteres zum HTML-Befehl abbr finden Sie in der HTML Referenz unter <abbr>.