Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ff8c00 und Farbwert #eee8aa

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 #ff8c00			Schriftfarbwert #eee8aa
Detail	:	Hintergrund #ff8c00	Detail	:	Schrift #eee8aa
Farbwert	:	#ff8c00	Farbwert	:	#eee8aa
Farbe	:	darkorange	Farbe	:	palegoldenrod
HTML	:	#ff8c00	HTML	:	#eee8aa
HTML (Wert)	:	#ff8c00	HTML (Wert)	:	#eee8aa
CSS	:	#ff8c00	CSS	:	#eee8aa
CSS (Wert)	:	#ff8c00	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#ff8c00	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(255,140,0)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(100%,54%,0%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbwert #ff8c00 nach Schriftfarbwert #eee8aa
#ff8c00	#fc9918	#faa630	#f7b348	#f5c061	#f2cd79	#f0da91	#eee8aa
#ff8c00	#fc9918	#faa630	#f7b348	#f5c061	#f2cd79	#f0da91	#eee8aa

Kombination von #ff8c00 und #eee8aa
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ff8c00 ist #eee8aa ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit von #eee8aa und #ff8c00 beträgt 91.14%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.86%.

Hintergrundfarbwert #ff8c00				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff8c00	#ff8c00	#ff8c00	#ff8c00	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#ff9c24	#ff9c24	#da7800	#da7800	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#ffac48	#ffac48	#b66400	#b66400	#f2eec2	#f2eec2	#aaa579	#aaa579
#ffbd6d	#ffbd6d	#915000	#915000	#f5f1ce	#f5f1ce	#888461	#888461
#ffcd91	#ffcd91	#6d3c00	#6d3c00	#f7f5da	#f7f5da	#666348	#666348
#ffdeb6	#ffdeb6	#482800	#482800	#faf8e6	#faf8e6	#444230	#444230
#ffeeda	#ffeeda	#241400	#241400	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff8c00 und Farbwert #eee8aa

Wechsel der Textfarbe bei Hover bei Befehl center

Die Textfarbe soll sich von Farbwert #ff8c00 auf Farbwert #eee8aa ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst eine Darstellung von <center> in Farbwert #ff8c00 vor.

Zum Beispiel legen wir Farbwert #ff8c00 als Textfarbe von <center> fest und vergrößern die Größe der Schrift auf 121%.

<style type="text/css"><!--
  center { 
    color: #ff8c00; 
    font-size: 121%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #eee8aa ändert.

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

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Die Beschreibung vom hier genutzten Tag center finden Sie in der HTML Referenz unter <center>.

Wechsel der Umrandung bei Hover von HTML-Befehl hr

Die Rahmenfarbe soll sich von Farbwert #ff8c00 auf Farbwert #eee8aa ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <hr> in Farbwert #ff8c00 vor.

In diesem Beispiel umranden wir <hr> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbwert #ff8c00.

<style type="text/css"><!--
  hr { border:5px inset #ff8c00; }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu #eee8aa ändert.

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

Weiteres zu hr finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag hr ist in der HTML Referenz bei <hr> ausführlich gezeigt.