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

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.

Hintergrundfarbe darkkhaki			Schriftfarbwert #b0c4de
Detail	:	Hintergrund darkkhaki	Detail	:	Schrift #b0c4de
Farbe	:	darkkhaki	Farbwert	:	#b0c4de
Farbwert	:	#bdb76b	Farbe	:	lightsteelblue
HTML	:	darkkhaki	HTML	:	#b0c4de
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#b0c4de
CSS	:	darkkhaki	CSS	:	#b0c4de
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#b0c4de
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#b0c4de
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(176,196,222)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(69%,76%,87%)

Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbwert #b0c4de
#bdb76b	#bbb87b	#b9ba8b	#b7bc9c	#b5beac	#b3c0bd	#b1c2cd	#b0c4de
#bdb76b	#bbb87b	#b9ba8b	#b7bc9c	#b5beac	#b3c0bd	#b1c2cd	#b0c4de

Kombination von darkkhaki und #b0c4de
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#b0c4de eignet sich nicht als Schriftfarbe auf Hintergrund darkkhaki, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #b0c4de und darkkhaki ergibt sich zu 94.47%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.53%.

Hintergrundfarbe darkkhaki				Schriftfarbwert #b0c4de
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#b0c4de	#b0c4de	#b0c4de	#b0c4de
#c6c180	#c6c180	#a29c5b	#a29c5b	#bbcce2	#bbcce2	#96a8be	#96a8be
#cfcb95	#cfcb95	#87824c	#87824c	#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#d1ddec	#d1ddec	#64707e	#64707e
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#dde5f0	#dde5f0	#4b545f	#4b545f
#ecead4	#ecead4	#36341e	#36341e	#e8eef5	#e8eef5	#32383f	#32383f
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#f3f6fa	#f3f6fa	#191c1f	#191c1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkkhaki und Farbwert #b0c4de

Text- und Unterstreichungsfarben von HTML-Befehl caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #b0c4de und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines herausstehenden Rahmens mit 2 Pixel Dicke in Farbe darkkhaki. In HTML geht das nicht. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  caption { 
    font-family: sans-serif; 
    border-bottom-style: outset; 
    color: #b0c4de; 
    font-size: 13px; 
    border-bottom-color: darkkhaki; 
    border-bottom-width: 2px;
  }
//-->
</style>

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

Mehr zum Thema können Sie in Tabellen in HTML finden. Die Beschreibung des HTML-Befehl caption finden Sie in der HTML Referenz unter <caption>.

Wechsel der Textfarbe bei Hover bei Tag div

Mit HTML-Tag <div> wird ein Universalkontainer gesetzt. Diesen können Sie farblich gestalten und hervorheben.

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

Wir legen z.B. Farbe darkkhaki als Textfarbe von <div> fest.

<style type="text/css"><!--
  div { 
    color:darkkhaki;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf #b0c4de ändert.

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

Die Beschreibung des hier verwendeten Tag div finden Sie in der HTML Referenz unter <div>.