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

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 #f8f8ff
Detail	:	Hintergrund #7b68ee	Detail	:	Schrift #f8f8ff
Farbwert	:	#7b68ee	Farbwert	:	#f8f8ff
Farbe	:	mediumslateblue	Farbe	:	ghostwhite
HTML	:	#7b68ee	HTML	:	#f8f8ff
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#f8f8ff
CSS	:	#7b68ee	CSS	:	#f8f8ff
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbwert #7b68ee nach Schriftfarbwert #f8f8ff
#7b68ee	#8c7cf0	#9e91f2	#b0a5f5	#c2baf7	#d4cefa	#e6e3fc	#f8f8ff
#7b68ee	#8c7cf0	#9e91f2	#b0a5f5	#c2baf7	#d4cefa	#e6e3fc	#f8f8ff

Kombination von #7b68ee und #f8f8ff
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 der Farben #f8f8ff und #7b68ee ergibt sich zu 81.30%. Die Lesbarkeit dieser Kombination bewerte ich mit 18.70%. #f8f8ff eignet sich nicht als Schriftfarbe auf Hintergrund #7b68ee, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbwert #7b68ee				Schriftfarbwert #f8f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#8d7df0	#8d7df0	#6959cc	#6959cc	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#a093f2	#a093f2	#574aaa	#574aaa	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#b3a8f5	#b3a8f5	#463b88	#463b88	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#c6bef7	#c6bef7	#342c66	#342c66	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#d9d3fa	#d9d3fa	#231d44	#231d44	#fdfdff	#fdfdff	#464648	#464648
#ece9fc	#ece9fc	#110e22	#110e22	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7b68ee und Farbwert #f8f8ff

Wechsel der Textfarbe bei Hover bei HTML-Tag code

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

Wir legen als Beispiel Farbwert #7b68ee als Textfarbe von <code> fest.

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

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #f8f8ff ändert.

<style type="text/css"><!--
  code: hover { 
    color: #f8f8ff;
  }
//-->
</style>

Mehr zum Thema code erfahren Sie in Text in HTML. Mehr zum hier genutzten Befehl code finden Sie in der HTML Referenz unter <code>.

Füllen und Umranden bei Tag address

Für dieses Beispiel umranden wir <address> mit einem . Die Hintergrundfarbe für <address> setzen wir entsprechend auf Farbwert #7b68ee. Dies geht in HTML kaum. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  address { 
    border-width:1pt; 
    border-style:double; 
    background-color:#7b68ee; 
    border-color:#f8f8ff;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum hier verwendeten Befehl address ist in der HTML Referenz bei <address> ausführlich beschrieben.