Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffe4b5 und Farbwert #6b8e23

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 #ffe4b5			Schriftfarbwert #6b8e23
Detail	:	Hintergrund #ffe4b5	Detail	:	Schrift #6b8e23
Farbwert	:	#ffe4b5	Farbwert	:	#6b8e23
Farbe	:	moccasin	Farbe	:	olivedrab
HTML	:	#ffe4b5	HTML	:	#6b8e23
HTML (Wert)	:	#ffe4b5	HTML (Wert)	:	#6b8e23
CSS	:	#ffe4b5	CSS	:	#6b8e23
CSS (Wert)	:	#ffe4b5	CSS (Wert)	:	#6b8e23
CSS (kürzest)	:	#ffe4b5	CSS (kürzest)	:	#6b8e23
CSS (RGB)	:	rgb(255,228,181)	CSS (RGB)	:	rgb(107,142,35)
CSS (%RGB)	:	rgb(100%,89%,70%)	CSS (%RGB)	:	rgb(41%,55%,13%)

Verlauf Hintergrundfarbwert #ffe4b5 nach Schriftfarbwert #6b8e23
#ffe4b5	#e9d7a0	#d4cb8b	#bfbf76	#aab261	#95a64c	#809a37	#6b8e23
#ffe4b5	#e9d7a0	#d4cb8b	#bfbf76	#aab261	#95a64c	#809a37	#6b8e23

Kombination von #ffe4b5 und #6b8e23
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.				#6b8e23 ist nicht als Schriftfarbe auf Hintergrund #ffe4b5 geeignet, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #6b8e23 und #ffe4b5 beträgt 85.32%. Die Lesbarkeit dieser Kombination ergibt sich zu 14.68%.

Hintergrundfarbwert #ffe4b5				Schriftfarbwert #6b8e23
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#6b8e23	#6b8e23	#6b8e23	#6b8e23
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#809e42	#809e42	#5b791e	#5b791e
#ffebca	#ffebca	#b6a281	#b6a281	#95ae61	#95ae61	#4c6519	#4c6519
#ffefd4	#ffefd4	#918267	#918267	#aabe81	#aabe81	#3d5114	#3d5114
#fff3df	#fff3df	#6d614d	#6d614d	#bfcea0	#bfcea0	#2d3c0f	#2d3c0f
#fff7e9	#fff7e9	#484133	#484133	#d4dec0	#d4dec0	#1e280a	#1e280a
#fffbf4	#fffbf4	#242019	#242019	#e9eedf	#e9eedf	#0f1405	#0f1405
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffe4b5 und Farbwert #6b8e23

Wechsel der Umrandung bei Hover mit Tag strong

Die Rahmenfarbe soll sich von Farbwert #ffe4b5 auf Farbwert #6b8e23 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <strong> in Farbwert #ffe4b5 vor.

In diesem Beispiel umranden wir <strong> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #ffe4b5.

<style type="text/css"><!--
  strong { border:1px ridge #ffe4b5; }
//-->
</style>

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

<style type="text/css"><!--
  strong:hover { 
    border-color:#6b8e23;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Text in HTML. Möglichkeiten vom hier verwendeten Tag strong finden Sie in der HTML Referenz unter <strong>.

Hintergrund/Text-Kombination von HTML-Befehl option

Hier ändern wir die Textfarbe von <option> auf Farbwert #6b8e23 und die Hintergrundfarbe von <option> auf Farbwert #ffe4b5. Als Schriftart setzen wir courier new und als Schriftgröße setzen wir 118%.

<style type="text/css"><!--
  option { 
    color: #6b8e23; 
    font-family: courier new; 
    background-color: #ffe4b5; 
    font-size: 118%;
  }
//-->
</style>

Weiteres zum Thema option lesen Sie in Formulare in HTML. Mehr zum HTML-Befehl option ist in der HTML Referenz bei <option> ausführlich gezeigt.