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

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 lightsalmon
Detail	:	Hintergrund #b0c4de	Detail	:	Schrift lightsalmon
Farbwert	:	#b0c4de	Farbe	:	lightsalmon
Farbe	:	lightsteelblue	Farbwert	:	#ffa07a
HTML	:	#b0c4de	HTML	:	lightsalmon
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#ffa07a
CSS	:	#b0c4de	CSS	:	lightsalmon
CSS (Wert)	:	#b0c4de	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#b0c4de	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(176,196,222)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(69%,76%,87%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbwert #b0c4de nach Schriftfarbe lightsalmon
#b0c4de	#bbbecf	#c6b9c1	#d1b4b3	#ddafa4	#e8aa96	#f3a588	#ffa07a
#b0c4de	#bbbecf	#c6b9c1	#d1b4b3	#ddafa4	#e8aa96	#f3a588	#ffa07a

Kombination von #b0c4de und lightsalmon
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben lightsalmon und #b0c4de beträgt 94.68%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.32%. lightsalmon eignet sich nicht als Schriftfarbe auf Hintergrund #b0c4de, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #b0c4de				Schriftfarbe lightsalmon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0c4de	#b0c4de	#b0c4de	#b0c4de	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#bbcce2	#bbcce2	#96a8be	#96a8be	#ffad8d	#ffad8d	#da8968	#da8968
#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e	#ffbba0	#ffbba0	#b67257	#b67257
#d1ddec	#d1ddec	#64707e	#64707e	#ffc8b3	#ffc8b3	#915b45	#915b45
#dde5f0	#dde5f0	#4b545f	#4b545f	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#e8eef5	#e8eef5	#32383f	#32383f	#ffe3d9	#ffe3d9	#482d22	#482d22
#f3f6fa	#f3f6fa	#191c1f	#191c1f	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0c4de und Farbe lightsalmon

Wechsel der Hintergrundfarbe bei Hover mit Tag h1

Mit Tag <h1> wird eine Überschrift der 1. Stufe gesetzt. Diese können Sie hervorheben und farblich gestalten.

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

Wir legen in diesem Beispiel Farbwert #b0c4de als Hintergrundfarbe von <h1> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf verdana.

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

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf lightsalmon geändert wird.

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

Weiteres zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten vom hier genutzten Befehl h1 sind in der HTML Referenz unter <h1> gezeigt.

Füllen und Umranden von Tag iframe

Hier umranden wir <iframe> mit einem 2 Punkte dicken, gefurchten Rahmen in Farbe lightsalmon . Die Hintergrundfarbe für <iframe> setzen wir entsprechend auf Farbwert #b0c4de. Das ist in HTML nicht möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  iframe { border:2pt groove lightsalmon; background-color:#b0c4de; }
//-->
</style>

Die Beschreibung des Befehl iframe erfahren Sie in der HTML Referenz unter <iframe>.