Ressourcen: 137 HTML Farbnamen - Kombination von Farbe goldenrod und Farbwert #ff4500

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 goldenrod			Schriftfarbwert #ff4500
Detail	:	Hintergrund goldenrod	Detail	:	Schrift #ff4500
Farbe	:	goldenrod	Farbwert	:	#ff4500
Farbwert	:	#daa520	Farbe	:	orangered
HTML	:	goldenrod	HTML	:	#ff4500
HTML (Wert)	:	#daa520	HTML (Wert)	:	#ff4500
CSS	:	goldenrod	CSS	:	#ff4500
CSS (Wert)	:	#daa520	CSS (Wert)	:	#ff4500
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#ff4500
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(255,69,0)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(100%,27%,0%)

Verlauf Hintergrundfarbe goldenrod nach Schriftfarbwert #ff4500
#daa520	#df971b	#e48916	#e97b12	#ef6e0d	#f46009	#f95204	#ff4500
#daa520	#df971b	#e48916	#e97b12	#ef6e0d	#f46009	#f95204	#ff4500

Kombination von goldenrod und #ff4500
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.				#ff4500 ist nicht als Schriftfarbe auf Hintergrund goldenrod geeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #ff4500 und goldenrod beträgt 92.68%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.32%.

Hintergrundfarbe goldenrod				Schriftfarbwert #ff4500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#daa520	#daa520	#daa520	#daa520	#ff4500	#ff4500	#ff4500	#ff4500
#dfb13f	#dfb13f	#ba8d1b	#ba8d1b	#ff5f24	#ff5f24	#da3b00	#da3b00
#e4be5f	#e4be5f	#9b7516	#9b7516	#ff7a48	#ff7a48	#b63100	#b63100
#e9cb7f	#e9cb7f	#7c5e12	#7c5e12	#ff946d	#ff946d	#912700	#912700
#efd89f	#efd89f	#5d460d	#5d460d	#ffaf91	#ffaf91	#6d1d00	#6d1d00
#f4e5bf	#f4e5bf	#3e2f09	#3e2f09	#ffc9b6	#ffc9b6	#481300	#481300
#f9f2df	#f9f2df	#1f1704	#1f1704	#ffe4da	#ffe4da	#240900	#240900
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe goldenrod und Farbwert #ff4500

Wechsel der Umrandung bei Hover von Tag strike

Die Rahmenfarbe soll sich von Farbe goldenrod auf Farbwert #ff4500 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <strike> in Farbe goldenrod vor.

In diesem Beispiel umranden wir <strike> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbe goldenrod.

<style type="text/css"><!--
  strike { 
    border-style: inset; 
    border-width: 2px; 
    border-color: goldenrod;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Text in HTML finden. Beschreibung des HTML-Befehl <strike>.

Zebra-Effekt mit Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <th> mit den Hintergrundfarben Farbe goldenrod und Farbwert #ff4500.

<style type="text/css"><!--
  th.even { 
    background-color:goldenrod;
  }
  th.odd { 
    background-color:#ff4500;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="even">IA~A</td><td class="odd">IB~A</td><td class="even">IC~A</td></tr>
<tr><td class="even">IA~B</td><td class="odd">IB~B</td><td class="even">IC~B</td></tr>
<tr><td class="even">IA~C</td><td class="odd">IB~C</td><td class="even">IC~C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML finden. Einzelheiten vom HTML-Befehl th erfahren Sie in der HTML Referenz unter <th>.