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

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.

Hintergrundfarbe moccasin			Schriftfarbwert #7b68ee
Detail	:	Hintergrund moccasin	Detail	:	Schrift #7b68ee
Farbe	:	moccasin	Farbwert	:	#7b68ee
Farbwert	:	#ffe4b5	Farbe	:	mediumslateblue
HTML	:	moccasin	HTML	:	#7b68ee
HTML (Wert)	:	#ffe4b5	HTML (Wert)	:	#7b68ee
CSS	:	moccasin	CSS	:	#7b68ee
CSS (Wert)	:	#ffe4b5	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#ffe4b5	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(255,228,181)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(100%,89%,70%)	CSS (%RGB)	:	rgb(48%,40%,93%)

Verlauf Hintergrundfarbe moccasin nach Schriftfarbwert #7b68ee
#ffe4b5	#ecd2bd	#d9c0c5	#c6aecd	#b39dd5	#a08bdd	#8d79e5	#7b68ee
#ffe4b5	#ecd2bd	#d9c0c5	#c6aecd	#b39dd5	#a08bdd	#8d79e5	#7b68ee

Kombination von moccasin und #7b68ee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #7b68ee und moccasin beträgt 83.98%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 16.02%. Auf Hintergrund moccasin ist #7b68ee ungeeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe moccasin				Schriftfarbwert #7b68ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#7b68ee	#7b68ee	#7b68ee	#7b68ee
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#8d7df0	#8d7df0	#6959cc	#6959cc
#ffebca	#ffebca	#b6a281	#b6a281	#a093f2	#a093f2	#574aaa	#574aaa
#ffefd4	#ffefd4	#918267	#918267	#b3a8f5	#b3a8f5	#463b88	#463b88
#fff3df	#fff3df	#6d614d	#6d614d	#c6bef7	#c6bef7	#342c66	#342c66
#fff7e9	#fff7e9	#484133	#484133	#d9d3fa	#d9d3fa	#231d44	#231d44
#fffbf4	#fffbf4	#242019	#242019	#ece9fc	#ece9fc	#110e22	#110e22
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe moccasin und Farbwert #7b68ee

Wechsel der Hintergrundfarbe bei Hover von Befehl dd

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

Zum Beispiel legen wir Farbe moccasin als Hintergrundfarbe von <dd> fest:

<style type="text/css"><!--
  dd { 
    background-color:moccasin;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #7b68ee ändert.

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

Mehr zum Thema dd können Sie in Listen und Glossare in HTML erfahren. Weiteres zum Tag dd ist in der HTML Referenz bei <dd> beschrieben.

Text- und Unterstreichungsfarben bei Tag blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbwert #7b68ee und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf courier new. Die Schriftgröße ändern wir auf 10pt. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines doppelten Rahmens mit 1 Punkte Dicke in Farbe moccasin. Dies ist in HTML nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  blockquote { 
    border-bottom:1pt double moccasin; 
    font-size:10pt; 
    color:#7b68ee; 
    font-family:courier new;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema blockquote lesen Sie in Blockorientierte Elemente in HTML. Der hier gezeigte HTML-Tag blockquote ist in der HTML Referenz unter <blockquote> beschrieben.