Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b0c4de und Farbwert #8a2be2

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 #b0c4de			Schriftfarbwert #8a2be2
Detail	:	Hintergrund #b0c4de	Detail	:	Schrift #8a2be2
Farbwert	:	#b0c4de	Farbwert	:	#8a2be2
Farbe	:	lightsteelblue	Farbe	:	blueviolet
HTML	:	#b0c4de	HTML	:	#8a2be2
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#8a2be2
CSS	:	#b0c4de	CSS	:	#8a2be2
CSS (Wert)	:	#b0c4de	CSS (Wert)	:	#8a2be2
CSS (kürzest)	:	#b0c4de	CSS (kürzest)	:	#8a2be2
CSS (RGB)	:	rgb(176,196,222)	CSS (RGB)	:	rgb(138,43,226)
CSS (%RGB)	:	rgb(69%,76%,87%)	CSS (%RGB)	:	rgb(54%,16%,88%)

Verlauf Hintergrundfarbwert #b0c4de nach Schriftfarbwert #8a2be2
#b0c4de	#aaaede	#a598df	#9f82df	#9a6ce0	#9456e0	#8f40e1	#8a2be2
#b0c4de	#aaaede	#a598df	#9f82df	#9a6ce0	#9456e0	#8f40e1	#8a2be2

Kombination von #b0c4de und #8a2be2
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 id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #8a2be2 und #b0c4de ergibt sich zu 84.06%. Die Lesbarkeit dieser Kombination bewerte ich mit 15.94%. Auf Hintergrund #b0c4de ist #8a2be2 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbwert #b0c4de				Schriftfarbwert #8a2be2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0c4de	#b0c4de	#b0c4de	#b0c4de	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#bbcce2	#bbcce2	#96a8be	#96a8be	#9a49e6	#9a49e6	#7624c1	#7624c1
#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e	#ab67ea	#ab67ea	#621ea1	#621ea1
#d1ddec	#d1ddec	#64707e	#64707e	#bc85ee	#bc85ee	#4e1881	#4e1881
#dde5f0	#dde5f0	#4b545f	#4b545f	#cca4f2	#cca4f2	#3b1260	#3b1260
#e8eef5	#e8eef5	#32383f	#32383f	#ddc2f6	#ddc2f6	#270c40	#270c40
#f3f6fa	#f3f6fa	#191c1f	#191c1f	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0c4de und Farbwert #8a2be2

Füllen und Umranden von Tag h1

Mit Tag <h1> setzen Sie eine Überschrift. Diese kann farblich gestaltet werden.

Für dieses Beispiel umranden wir <h1> mit einem doppelten, 4 Pixel dicken Rahmen in Farbwert #8a2be2 . Den Hintergrund von <h1> färben wir entsprechend mit Farbwert #b0c4de. Mit HTML ist dies kaum machbar. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  h1 { 
    border-style:double; 
    border-color:#8a2be2; 
    background-color:#b0c4de; 
    border-width:4px;
  }
//-->
</style>

Weiteres zu h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten Tag h1 ist in der HTML Referenz bei <h1> beschrieben.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag dt

Die Hintergrundfarbe soll sich von Farbwert #b0c4de auf Farbwert #8a2be2 ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst die Formatierung von <dt> in Farbwert #b0c4de vor.

Z.B. ändern wir die Hintergrundfarbe von <dt> auf Farbwert #b0c4de. Die Textfarbe behalten wir bei. Die Schriftart ändern wir auf sans-serif:

<style type="text/css"><!--
  dt { 
    background-color:#b0c4de; 
    font-family:sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #8a2be2 ändert.

<style type="text/css"><!--
  dt: hover { 
    background-color: #8a2be2;
  }
//-->
</style>

Weiteres zu dt können Sie in Listen und Glossare in HTML erfahren. Einzelheiten vom HTML-Befehl dt sind in der HTML Referenz unter <dt> beschrieben.