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

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 #fdf5e6
Detail	:	Hintergrund #b0c4de	Detail	:	Schrift #fdf5e6
Farbwert	:	#b0c4de	Farbwert	:	#fdf5e6
Farbe	:	lightsteelblue	Farbe	:	oldlace
HTML	:	#b0c4de	HTML	:	#fdf5e6
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#fdf5e6
CSS	:	#b0c4de	CSS	:	#fdf5e6
CSS (Wert)	:	#b0c4de	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#b0c4de	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(176,196,222)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(69%,76%,87%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbwert #b0c4de nach Schriftfarbwert #fdf5e6
#b0c4de	#bbcbdf	#c6d2e0	#d1d9e1	#dce0e2	#e7e7e3	#f2eee4	#fdf5e6
#b0c4de	#bbcbdf	#c6d2e0	#d1d9e1	#dce0e2	#e7e7e3	#f2eee4	#fdf5e6

Kombination von #b0c4de und #fdf5e6
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fdf5e6 ist nicht als Schriftfarbe auf Hintergrund #b0c4de geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #fdf5e6 und #b0c4de beträgt 92.18%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.82%.

Hintergrundfarbwert #b0c4de				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0c4de	#b0c4de	#b0c4de	#b0c4de	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#bbcce2	#bbcce2	#96a8be	#96a8be	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#d1ddec	#d1ddec	#64707e	#64707e	#fdf9f0	#fdf9f0	#908c83	#908c83
#dde5f0	#dde5f0	#4b545f	#4b545f	#fefaf4	#fefaf4	#6c6962	#6c6962
#e8eef5	#e8eef5	#32383f	#32383f	#fefcf7	#fefcf7	#484641	#484641
#f3f6fa	#f3f6fa	#191c1f	#191c1f	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0c4de und Farbwert #fdf5e6

Wechsel der Umrandung bei Hover bei HTML-Befehl a

Ein Hyperlink wird mit HTML-Befehl <a> gesetzt. Diesen kann man farblich gestalten.

Die Rahmenfarbe soll sich von Farbwert #b0c4de auf Farbwert #fdf5e6 ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #b0c4de vor.

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

<style type="text/css"><!--
  a { 
    border-width: 3px; 
    border-style: double; 
    border-color: #b0c4de;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #fdf5e6 ändert.

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML lesen. Zur Beschreibung vom HTML-Tag <a>.

Text- und Unterstreichungsfarben von HTML-Befehl h4

Mit Befehl <h4> wird eine Überschrift der 4. Stufe erzeugt. Diese kann farblich gestaltet und hervorgehoben werden.

Wir ändern bei diesem Beispiel die Textfarbe von <h4> auf Farbwert #fdf5e6. Die Schriftart ändern wir auf courier new und verringern die Schriftgröße auf 88%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines gepunkteten Rahmens mit 4 Punkte Dicke in Farbwert #b0c4de. Mit HTML geht dies kaum. Wir verwenden daher CSS.

<style type="text/css"><!--
  h4 { 
    color: #fdf5e6; 
    border-bottom: 4pt dotted #b0c4de; 
    font-family: courier new; 
    font-size: 88%;
  }
//-->
</style>

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

Weiteres zu h4 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Die Beschreibung vom hier genutzten HTML-Befehl h4 erfahren Sie in der HTML Referenz unter <h4>.