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

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 #ff4500			Schriftfarbwert #ffd700
Detail	:	Hintergrund #ff4500	Detail	:	Schrift #ffd700
Farbwert	:	#ff4500	Farbwert	:	#ffd700
Farbe	:	orangered	Farbe	:	gold
HTML	:	#ff4500	HTML	:	#ffd700
HTML (Wert)	:	#ff4500	HTML (Wert)	:	#ffd700
CSS	:	#ff4500	CSS	:	#ffd700
CSS (Wert)	:	#ff4500	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#ff4500	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(255,69,0)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(100%,27%,0%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbwert #ff4500 nach Schriftfarbwert #ffd700
#ff4500	#ff5900	#ff6e00	#ff8300	#ff9800	#ffad00	#ffc200	#ffd700
#ff4500	#ff5900	#ff6e00	#ff8300	#ff9800	#ffad00	#ffc200	#ffd700

Kombination von #ff4500 und #ffd700
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.				Die Ähnlichkeit von #ffd700 und #ff4500 ergibt sich zu 88.32%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.68%. #ffd700 ist nicht als Schriftfarbe auf Hintergrund #ff4500 geeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbwert #ff4500				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff4500	#ff4500	#ff4500	#ff4500	#ffd700	#ffd700	#ffd700	#ffd700
#ff5f24	#ff5f24	#da3b00	#da3b00	#ffdc24	#ffdc24	#dab800	#dab800
#ff7a48	#ff7a48	#b63100	#b63100	#ffe248	#ffe248	#b69900	#b69900
#ff946d	#ff946d	#912700	#912700	#ffe86d	#ffe86d	#917a00	#917a00
#ffaf91	#ffaf91	#6d1d00	#6d1d00	#ffed91	#ffed91	#6d5c00	#6d5c00
#ffc9b6	#ffc9b6	#481300	#481300	#fff3b6	#fff3b6	#483d00	#483d00
#ffe4da	#ffe4da	#240900	#240900	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff4500 und Farbwert #ffd700

Hintergrund/Text-Kombination mit Tag address

Für dieses Beispiel ändern wir die Textfarbe von <address> auf Farbwert #ffd700 und die Hintergrundfarbe von <address> auf Farbwert #ff4500. Die Schriftart ändern wir auf arial. Als Schriftgröße wählen wir 90%.

<style type="text/css"><!--
  address { 
    background-color: #ff4500; 
    font-family: arial; 
    color: #ffd700; 
    font-size: 90%;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Mehr zum hier verwendeten HTML-Tag address lesen Sie in der HTML Referenz unter <address>.

Wechsel der Textfarbe bei Hover von HTML-Befehl a

Mit HTML-Tag <a> wird ein Verweis gesetzt. Diesen kann man hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbwert #ff4500 auf Farbwert #ffd700 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #ff4500 vor.

Wir legen hier Farbwert #ff4500 als Textfarbe von <a> fest. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf arial.

<style type="text/css"><!--
  a { 
    color:#ff4500; 
    font-family:arial;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #ffd700 gesetzt wird.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachsehen. Möglichkeiten vom HTML-Befehl a erfahren Sie in der HTML Referenz unter <a>.