Ressourcen: 137 HTML Farbnamen - Kombination von Farbe orange und Farbwert #b8860b

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 orange			Schriftfarbwert #b8860b
Detail	:	Hintergrund orange	Detail	:	Schrift #b8860b
Farbe	:	orange	Farbwert	:	#b8860b
Farbwert	:	#ffa500	Farbe	:	darkgoldenrod
HTML	:	orange	HTML	:	#b8860b
HTML (Wert)	:	#ffa500	HTML (Wert)	:	#b8860b
CSS	:	orange	CSS	:	#b8860b
CSS (Wert)	:	#ffa500	CSS (Wert)	:	#b8860b
CSS (kürzest)	:	#ffa500	CSS (kürzest)	:	#b8860b
CSS (RGB)	:	rgb(255,165,0)	CSS (RGB)	:	rgb(184,134,11)
CSS (%RGB)	:	rgb(100%,64%,0%)	CSS (%RGB)	:	rgb(72%,52%,4%)

Verlauf Hintergrundfarbe orange nach Schriftfarbwert #b8860b
#ffa500	#f4a001	#ea9c03	#e09704	#d69306	#cc8e07	#c28a09	#b8860b
#ffa500	#f4a001	#ea9c03	#e09704	#d69306	#cc8e07	#c28a09	#b8860b

Kombination von orange und #b8860b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#b8860b eignet sich nicht als Schriftfarbe auf Hintergrund orange. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #b8860b und orange ergibt sich zu 92.15%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.85%.

Hintergrundfarbe orange				Schriftfarbwert #b8860b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa500	#ffa500	#ffa500	#ffa500	#b8860b	#b8860b	#b8860b	#b8860b
#ffb124	#ffb124	#da8d00	#da8d00	#c2972d	#c2972d	#9d7209	#9d7209
#ffbe48	#ffbe48	#b67500	#b67500	#cca850	#cca850	#835f07	#835f07
#ffcb6d	#ffcb6d	#915e00	#915e00	#d6b973	#d6b973	#694c06	#694c06
#ffd891	#ffd891	#6d4600	#6d4600	#e0cb96	#e0cb96	#4e3904	#4e3904
#ffe5b6	#ffe5b6	#482f00	#482f00	#eadcb9	#eadcb9	#342603	#342603
#fff2da	#fff2da	#241700	#241700	#f4eddc	#f4eddc	#1a1301	#1a1301
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe orange und Farbwert #b8860b

Hintergrund/Text-Kombination von Tag thead

Wir ändern hier die Textfarbe von <thead> auf Farbwert #b8860b und die Hintergrundfarbe von <thead> auf Farbe orange. Als Schriftart setzen wir arial und ändern die Schriftgröße auf 9pt.

<style type="text/css"><!--
  thead { 
    font-family: arial; 
    background-color: orange; 
    color: #b8860b; 
    font-size: 9pt;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Tabellen in HTML. Der Tag thead ist in der HTML Referenz unter <thead> zusammengestellt.

Wechsel der Umrandung bei Hover mit HTML-Tag select

Die Rahmenfarbe soll sich von Farbe orange auf Farbwert #b8860b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <select> in Farbe orange vor.

In diesem Beispiel umranden wir <select> mit einem 2 Pixel dicken, doppelten Rahmen in Farbe orange.

<style type="text/css"><!--
  select { border:2px double orange; }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #b8860b ändert.

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

Mehr zum Thema erfahren Sie in Formulare in HTML. Mehr zum Tag select ist in der HTML Referenz bei <select> genau zusammengestellt.