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

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 #fff0f5			Schriftfarbwert #7b68ee
Detail	:	Hintergrund #fff0f5	Detail	:	Schrift #7b68ee
Farbwert	:	#fff0f5	Farbwert	:	#7b68ee
Farbe	:	lavenderblush	Farbe	:	mediumslateblue
HTML	:	#fff0f5	HTML	:	#7b68ee
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#7b68ee
CSS	:	#fff0f5	CSS	:	#7b68ee
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(48%,40%,93%)

Verlauf Hintergrundfarbwert #fff0f5 nach Schriftfarbwert #7b68ee
#fff0f5	#ecdcf4	#d9c9f3	#c6b5f2	#b3a2f1	#a08ef0	#8d7bef	#7b68ee
#fff0f5	#ecdcf4	#d9c9f3	#c6b5f2	#b3a2f1	#a08ef0	#8d7bef	#7b68ee

Kombination von #fff0f5 und #7b68ee
Cras id velit ante. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #fff0f5 ist #7b68ee ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #7b68ee und #fff0f5 ergibt sich zu 82.08%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 17.92%.

Hintergrundfarbwert #fff0f5				Schriftfarbwert #7b68ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#7b68ee	#7b68ee	#7b68ee	#7b68ee
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#8d7df0	#8d7df0	#6959cc	#6959cc
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#a093f2	#a093f2	#574aaa	#574aaa
#fff6f9	#fff6f9	#91898c	#91898c	#b3a8f5	#b3a8f5	#463b88	#463b88
#fff8fa	#fff8fa	#6d6669	#6d6669	#c6bef7	#c6bef7	#342c66	#342c66
#fffafc	#fffafc	#484446	#484446	#d9d3fa	#d9d3fa	#231d44	#231d44
#fffcfd	#fffcfd	#242223	#242223	#ece9fc	#ece9fc	#110e22	#110e22
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag samp

Die Hintergrundfarbe soll sich von Farbwert #fff0f5 auf Farbwert #7b68ee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <samp> in Farbwert #fff0f5 vor.

Für dieses Beispiel setzen wir die Hintergrundfarbe von <samp> auf Farbwert #fff0f5 und ändern die Größe der Schrift auf 13px.

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

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #7b68ee ändert.

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

Weiteres zu samp können Sie in Text in HTML nachlesen. Mehr zum Befehl <samp>.

Füllen und Umranden bei Befehl hr

Für dieses Beispiel umranden wir <hr> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #7b68ee . Die Hintergrundfarbe für <hr> färben wir mit Farbwert #fff0f5. Dies geht mit HTML kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  hr { 
    border-color:#7b68ee; 
    border-width:4px; 
    border-style:outset; 
    background-color:#fff0f5;
  }
//-->
</style>

Mehr zum Thema hr erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom hier verwendeten Befehl <hr>.