Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #b0c4de und Farbwert #a9a9a9

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #b0c4de			Schriftfarbwert #a9a9a9
Detail	:	Hintergrund #b0c4de	Detail	:	Schrift #a9a9a9
Farbwert	:	#b0c4de	Farbwert	:	#a9a9a9
Farbe	:	lightsteelblue	Farbe	:	darkgray
HTML	:	#b0c4de	HTML	:	#a9a9a9
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#a9a9a9
CSS	:	#b0c4de	CSS	:	#a9a9a9
CSS (Wert)	:	#b0c4de	CSS (Wert)	:	#a9a9a9
CSS (kürzest)	:	#b0c4de	CSS (kürzest)	:	#a9a9a9
CSS (RGB)	:	rgb(176,196,222)	CSS (RGB)	:	rgb(169,169,169)
CSS (%RGB)	:	rgb(69%,76%,87%)	CSS (%RGB)	:	rgb(66%,66%,66%)

Verlauf Hintergrundfarbwert #b0c4de nach Schriftfarbwert #a9a9a9
#b0c4de	#afc0d6	#aebcce	#adb8c7	#acb4bf	#abb0b8	#aaacb0	#a9a9a9
#b0c4de	#afc0d6	#aebcce	#adb8c7	#acb4bf	#abb0b8	#aaacb0	#a9a9a9

Kombination von #b0c4de und #a9a9a9
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 #a9a9a9 und #b0c4de beträgt 93.71%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.29%. #a9a9a9 eignet sich nicht als Schriftfarbe auf Hintergrund #b0c4de, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #b0c4de				Schriftfarbwert #a9a9a9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0c4de	#b0c4de	#b0c4de	#b0c4de	#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9
#bbcce2	#bbcce2	#96a8be	#96a8be	#b5b5b5	#b5b5b5	#909090	#909090
#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e	#c1c1c1	#c1c1c1	#787878	#787878
#d1ddec	#d1ddec	#64707e	#64707e	#cdcdcd	#cdcdcd	#606060	#606060
#dde5f0	#dde5f0	#4b545f	#4b545f	#dadada	#dadada	#484848	#484848
#e8eef5	#e8eef5	#32383f	#32383f	#e6e6e6	#e6e6e6	#303030	#303030
#f3f6fa	#f3f6fa	#191c1f	#191c1f	#f2f2f2	#f2f2f2	#181818	#181818
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0c4de und Farbwert #a9a9a9

Wechsel der Textfarbe bei Hover mit Tag a

Einen Verweis setzen Sie mit Tag <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #b0c4de auf Farbwert #a9a9a9 ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #b0c4de vor.

Wir legen hier Farbwert #b0c4de als Textfarbe von <a> fest und vergrößern die Größe der Schrift auf 113%:

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

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #a9a9a9 ändert.

<style type="text/css"><!--
  a: hover { 
    color: #a9a9a9;
  }
//-->
</style>

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Zur Beschreibung des Befehl <a>.

Füllen und Umranden bei HTML-Befehl h5

Eine Überschrift setzen Sie mit HTML-Tag <h5>. Diese kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel umranden wir <h5> mit einem . Den Hintergrund von <h5> färben wir mit Farbwert #b0c4de. Das ist in HTML kaum möglich. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  h5 { 
    border-style: double; 
    border-color: #a9a9a9; 
    background-color: #b0c4de; 
    border-width: 2pt;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag <h5>.