Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b0c4de und Farbe deepskyblue

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			Schriftfarbe deepskyblue
Detail	:	Hintergrund #b0c4de	Detail	:	Schrift deepskyblue
Farbwert	:	#b0c4de	Farbe	:	deepskyblue
Farbe	:	lightsteelblue	Farbwert	:	#00bfff
HTML	:	#b0c4de	HTML	:	deepskyblue
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#00bfff
CSS	:	#b0c4de	CSS	:	deepskyblue
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 Schriftfarbe deepskyblue
#b0c4de	#96c3e2	#7dc2e7	#64c1ec	#4bc1f0	#32c0f5	#19bffa	#00bfff
#b0c4de	#96c3e2	#7dc2e7	#64c1ec	#4bc1f0	#32c0f5	#19bffa	#00bfff

Kombination von #b0c4de und deepskyblue
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				deepskyblue ist nicht als Schriftfarbe auf Hintergrund #b0c4de geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von deepskyblue und #b0c4de beträgt 94.32%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.68%.

Hintergrundfarbwert #b0c4de				Schriftfarbe deepskyblue
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 Farbe deepskyblue

Text- und Unterstreichungsfarben mit HTML-Befehl h5

Eine Überschrift der 5. Stufe wird mit Befehl <h5> gesetzt. Diese können Sie farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <h5> auf Farbe deepskyblue. Die Schriftart ändern wir auf arial. Die Schriftgröße erhöhen wir auf 115%. Wir unterstreichen den Inhalt von <h5> mit Hilfe eines doppelten Rahmens mit 1 Pixel Dicke in Farbwert #b0c4de. In HTML ist dies nicht möglich. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  h5 { 
    color:deepskyblue; 
    border-bottom-style:double; 
    border-bottom-width:1px; 
    font-size:115%; 
    font-family:arial; 
    border-bottom-color:#b0c4de;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten vom hier gezeigten Befehl <h5>.

Wechsel der Textfarbe bei Hover von HTML-Tag center

Die Textfarbe soll sich von Farbwert #b0c4de auf Farbe deepskyblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <center> in Farbwert #b0c4de vor.

Wir legen z.B. Farbwert #b0c4de als Textfarbe von <center> fest. Die Schriftgröße setzen wir auf 115%:

<style type="text/css"><!--
  center { 
    font-size: 115%; 
    color: #b0c4de;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu deepskyblue ändert.

<style type="text/css"><!--
  center:hover { 
    color:deepskyblue;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom hier gezeigten HTML-Befehl <center>.