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

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.

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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#b0c4de eignet sich nicht als Schriftfarbe auf Hintergrund darkkhaki, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #b0c4de und darkkhaki ergibt sich zu 94.47%. Die Lesbarkeit dieser Kombination bewerte ich mit 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

Wechsel der Umrandung bei Hover von HTML-Befehl a

Einen Link setzt man mit HTML-Tag <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbe darkkhaki.

<style type="text/css"><!--
  a { 
    border-style: groove; 
    border-color: darkkhaki; 
    border-width: 2px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #b0c4de geändert wird.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Die Beschreibung vom Tag a lesen Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination bei Befehl th

Hier ändern wir die Textfarbe von <th> auf Farbwert #b0c4de und die Hintergrundfarbe von <th> auf Farbe darkkhaki. Als Schriftart wählen wir arial. Als Schriftgröße entscheiden wir uns für 98%.

<style type="text/css"><!--
  th { 
    font-family: arial; 
    background-color: darkkhaki; 
    font-size: 98%; 
    color: #b0c4de;
  }
//-->
</style>

Mehr zu th erfahren Sie in Tabellen in HTML. Weiteres zum hier verwendeten HTML-Tag th ist in der HTML Referenz bei <th> ausführlich beschrieben.