Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #6a5acd und Farbe seashell

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 #6a5acd			Schriftfarbe seashell
Detail	:	Hintergrund #6a5acd	Detail	:	Schrift seashell
Farbwert	:	#6a5acd	Farbe	:	seashell
Farbe	:	slateblue	Farbwert	:	#fff5ee
HTML	:	#6a5acd	HTML	:	seashell
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#fff5ee
CSS	:	#6a5acd	CSS	:	seashell
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbwert #6a5acd nach Schriftfarbe seashell
#6a5acd	#7f70d1	#9486d6	#a99cdb	#bfb2df	#d4c8e4	#e9dee9	#fff5ee
#6a5acd	#7f70d1	#9486d6	#a99cdb	#bfb2df	#d4c8e4	#e9dee9	#fff5ee

Kombination von #6a5acd und seashell
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #6a5acd ist seashell ungeeignet, weil der Farbunterschied zu gering ist Die Ähnlichkeit von seashell und #6a5acd beträgt 76.48%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 23.52%.

Hintergrundfarbwert #6a5acd				Schriftfarbe seashell
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#9489db	#9489db	#4b4092	#4b4092	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#fff9f5	#fff9f5	#918c88	#918c88
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#fffaf7	#fffaf7	#6d6966	#6d6966
#d4cff0	#d4cff0	#1e193a	#1e193a	#fffcfa	#fffcfa	#484644	#484644
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6a5acd und Farbe seashell

Wechsel der Umrandung bei Hover bei Tag kbd

Die Rahmenfarbe soll sich von Farbwert #6a5acd auf Farbe seashell ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <kbd> in Farbwert #6a5acd vor.

In diesem Beispiel umranden wir <kbd> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbwert #6a5acd.

<style type="text/css"><!--
  kbd { 
    border-color: #6a5acd; 
    border-width: 5px; 
    border-style: ridge;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf seashell geändert wird.

<style type="text/css"><!--
  kbd: hover { 
    border-color: seashell;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Text in HTML. Möglichkeiten vom HTML-Befehl kbd lesen Sie in der HTML Referenz unter <kbd>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl cite

Die Hintergrundfarbe soll sich von Farbwert #6a5acd auf Farbe seashell ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <cite> in Farbwert #6a5acd vor.

Hier legen wir bei <cite> die Hintergrundfarbe auf Farbwert #6a5acd fest. Die Textfarbe lassen wir unverändert. Die Schriftart setzen wir auf monospace:

<style type="text/css"><!--
  cite { 
    background-color: #6a5acd; 
    font-family: monospace;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu seashell ändert.

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

Einzelheiten vom Tag <cite>.