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

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 #daa520
Detail	:	Hintergrund #b0c4de	Detail	:	Schrift #daa520
Farbwert	:	#b0c4de	Farbwert	:	#daa520
Farbe	:	lightsteelblue	Farbe	:	goldenrod
HTML	:	#b0c4de	HTML	:	#daa520
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#daa520
CSS	:	#b0c4de	CSS	:	#daa520
CSS (Wert)	:	#b0c4de	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#b0c4de	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(176,196,222)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(69%,76%,87%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbwert #b0c4de nach Schriftfarbwert #daa520
#b0c4de	#b6bfc2	#bcbba7	#c2b68c	#c8b271	#cead56	#d4a93b	#daa520
#b0c4de	#b6bfc2	#bcbba7	#c2b68c	#c8b271	#cead56	#d4a93b	#daa520

Kombination von #b0c4de und #daa520
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				Die Ähnlichkeit von #daa520 und #b0c4de beträgt 94.01%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.99%. Auf Hintergrund #b0c4de ist #daa520 ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #b0c4de				Schriftfarbwert #daa520
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0c4de	#b0c4de	#b0c4de	#b0c4de	#daa520	#daa520	#daa520	#daa520
#bbcce2	#bbcce2	#96a8be	#96a8be	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e	#e4be5f	#e4be5f	#9b7516	#9b7516
#d1ddec	#d1ddec	#64707e	#64707e	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#dde5f0	#dde5f0	#4b545f	#4b545f	#efd89f	#efd89f	#5d460d	#5d460d
#e8eef5	#e8eef5	#32383f	#32383f	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#f3f6fa	#f3f6fa	#191c1f	#191c1f	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0c4de und Farbwert #daa520

Füllen und Umranden von Tag iframe

In diesem Beispiel umranden wir <iframe> mit einem . Die Hintergrundfarbe für <iframe> setzen wir entsprechend auf Farbwert #b0c4de. In HTML geht dies kaum. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  iframe { border:3px inset #daa520; background-color:#b0c4de; }
//-->
</style>

Möglichkeiten vom hier gezeigten HTML-Tag iframe sind in der HTML Referenz unter <iframe> gezeigt.

Wechsel der Textfarbe bei Hover bei HTML-Tag p

Die Textfarbe soll sich von Farbwert #b0c4de auf Farbwert #daa520 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <p> in Farbwert #b0c4de vor.

Wir legen als Beispiel die Textfarbe von <p> auf Farbwert #b0c4de fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf verdana und erhöhen die Größe der Schrift auf 127%:

<style type="text/css"><!--
  p { 
    font-family:verdana; 
    color:#b0c4de; 
    font-size:127%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #daa520 ändert.

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten des hier genutzten Befehl <p>.