Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffd700 und Farbe orange

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 #ffd700			Schriftfarbe orange
Detail	:	Hintergrund #ffd700	Detail	:	Schrift orange
Farbwert	:	#ffd700	Farbe	:	orange
Farbe	:	gold	Farbwert	:	#ffa500
HTML	:	#ffd700	HTML	:	orange
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#ffa500
CSS	:	#ffd700	CSS	:	orange
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbe orange
#ffd700	#ffcf00	#ffc800	#ffc100	#ffba00	#ffb300	#ffac00	#ffa500
#ffd700	#ffcf00	#ffc800	#ffc100	#ffba00	#ffb300	#ffac00	#ffa500

Kombination von #ffd700 und orange
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #ffd700 ist orange ungeeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von orange und #ffd700 ergibt sich zu 93.30%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.70%.

Hintergrundfarbwert #ffd700				Schriftfarbe orange
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#ffa500	#ffa500	#ffa500	#ffa500
#ffdc24	#ffdc24	#dab800	#dab800	#ffb124	#ffb124	#da8d00	#da8d00
#ffe248	#ffe248	#b69900	#b69900	#ffbe48	#ffbe48	#b67500	#b67500
#ffe86d	#ffe86d	#917a00	#917a00	#ffcb6d	#ffcb6d	#915e00	#915e00
#ffed91	#ffed91	#6d5c00	#6d5c00	#ffd891	#ffd891	#6d4600	#6d4600
#fff3b6	#fff3b6	#483d00	#483d00	#ffe5b6	#ffe5b6	#482f00	#482f00
#fff9da	#fff9da	#241e00	#241e00	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffd700 und Farbe orange

Wechsel der Hintergrundfarbe bei Hover bei Befehl address

Die Hintergrundfarbe soll sich von Farbwert #ffd700 auf Farbe orange ändern, wenn man mit der Maus auf <address> zeigt. Wir bereiten zunächst eine Darstellung von <address> in Farbwert #ffd700 vor.

Zum Beispiel legen wir Farbwert #ffd700 als Hintergrundfarbe von <address> fest und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  address { 
    background-color: #ffd700; 
    font-size: 13px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf orange ändert.

<style type="text/css"><!--
  address: hover { 
    background-color: orange;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Blockorientierte Elemente in HTML. Weiteres zum hier verwendeten HTML-Befehl address finden Sie in der HTML Referenz unter <address>.

Füllen und Umranden mit HTML-Tag frame

Für dieses Beispiel umranden wir <frame> mit einem gezahnten, 3 Pixel dicken Rahmen in Farbe orange . Die Hintergrundfarbe für <frame> setzen wir auf Farbwert #ffd700. In HTML ist dies kaum möglich. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  frame { border:3px ridge orange; background-color:#ffd700; }
//-->
</style>

Möglichkeiten des HTML-Befehl frame sind in der HTML Referenz bei <frame> gezeigt.