Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b0c4de und Farbwert #00bfff

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 #00bfff
Detail	:	Hintergrund #b0c4de	Detail	:	Schrift #00bfff
Farbwert	:	#b0c4de	Farbwert	:	#00bfff
Farbe	:	lightsteelblue	Farbe	:	deepskyblue
HTML	:	#b0c4de	HTML	:	#00bfff
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#00bfff
CSS	:	#b0c4de	CSS	:	#00bfff
CSS (Wert)	:	#b0c4de	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#b0c4de	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(176,196,222)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(69%,76%,87%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbwert #b0c4de nach Schriftfarbwert #00bfff
#b0c4de	#96c3e2	#7dc2e7	#64c1ec	#4bc1f0	#32c0f5	#19bffa	#00bfff
#b0c4de	#96c3e2	#7dc2e7	#64c1ec	#4bc1f0	#32c0f5	#19bffa	#00bfff

Kombination von #b0c4de und #00bfff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #b0c4de ist #00bfff ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #00bfff und #b0c4de beträgt 94.32%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.68%.

Hintergrundfarbwert #b0c4de				Schriftfarbwert #00bfff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0c4de	#b0c4de	#b0c4de	#b0c4de	#00bfff	#00bfff	#00bfff	#00bfff
#bbcce2	#bbcce2	#96a8be	#96a8be	#24c8ff	#24c8ff	#00a3da	#00a3da
#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e	#48d1ff	#48d1ff	#0088b6	#0088b6
#d1ddec	#d1ddec	#64707e	#64707e	#6ddaff	#6ddaff	#006d91	#006d91
#dde5f0	#dde5f0	#4b545f	#4b545f	#91e3ff	#91e3ff	#00516d	#00516d
#e8eef5	#e8eef5	#32383f	#32383f	#b6ecff	#b6ecff	#003648	#003648
#f3f6fa	#f3f6fa	#191c1f	#191c1f	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0c4de und Farbwert #00bfff

Wechsel der Umrandung bei Hover von HTML-Befehl li

Die Rahmenfarbe soll sich von Farbwert #b0c4de auf Farbwert #00bfff ändern, wenn man mit der Maus auf <li> zeigt. Bereiten wir zunächst eine Darstellung von <li> in Farbwert #b0c4de vor.

In diesem Beispiel umranden wir <li> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #b0c4de.

<style type="text/css"><!--
  li { border:3px dashed #b0c4de; }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #00bfff ändert.

<style type="text/css"><!--
  li: hover { 
    border-color: #00bfff;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachlesen. Einzelheiten vom HTML-Befehl <li>.

Füllen und Umranden von HTML-Tag center

Für dieses Beispiel umranden wir <center> mit einem einfallenden, 3 Punkte dicken Rahmen in Farbwert #00bfff . Den Hintergrund von <center> setzen wir entsprechend auf Farbwert #b0c4de. In HTML ist dies kaum machbar. Wir nutzen daher CSS.

<style type="text/css"><!--
  center { 
    border-color:#00bfff; 
    background-color:#b0c4de; 
    border-width:3pt; 
    border-style:inset;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Mehr zum Tag <center>.