Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkorange 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.

Hintergrundfarbe darkorange			Schriftfarbwert #ffd700
Detail	:	Hintergrund darkorange	Detail	:	Schrift #ffd700
Farbe	:	darkorange	Farbwert	:	#ffd700
Farbwert	:	#ff8c00	Farbe	:	gold
HTML	:	darkorange	HTML	:	#ffd700
HTML (Wert)	:	#ff8c00	HTML (Wert)	:	#ffd700
CSS	:	darkorange	CSS	:	#ffd700
CSS (Wert)	:	#ff8c00	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#ff8c00	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(255,140,0)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(100%,54%,0%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbe darkorange nach Schriftfarbwert #ffd700
#ff8c00	#ff9600	#ffa100	#ffac00	#ffb600	#ffc100	#ffcc00	#ffd700
#ff8c00	#ff9600	#ffa100	#ffac00	#ffb600	#ffc100	#ffcc00	#ffd700

Kombination von darkorange und #ffd700
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit der Farben #ffd700 und darkorange ergibt sich zu 92.08%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.92%. Auf Hintergrund darkorange ist #ffd700 ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe darkorange				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff8c00	#ff8c00	#ff8c00	#ff8c00	#ffd700	#ffd700	#ffd700	#ffd700
#ff9c24	#ff9c24	#da7800	#da7800	#ffdc24	#ffdc24	#dab800	#dab800
#ffac48	#ffac48	#b66400	#b66400	#ffe248	#ffe248	#b69900	#b69900
#ffbd6d	#ffbd6d	#915000	#915000	#ffe86d	#ffe86d	#917a00	#917a00
#ffcd91	#ffcd91	#6d3c00	#6d3c00	#ffed91	#ffed91	#6d5c00	#6d5c00
#ffdeb6	#ffdeb6	#482800	#482800	#fff3b6	#fff3b6	#483d00	#483d00
#ffeeda	#ffeeda	#241400	#241400	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkorange und Farbwert #ffd700

Wechsel der Textfarbe bei Hover von Befehl dt

Die Textfarbe soll sich von Farbe darkorange auf Farbwert #ffd700 ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst eine Formatierung von <dt> in Farbe darkorange vor.

Wir setzen als Beispiel die Textfarbe von <dt> auf Farbe darkorange. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  dt { 
    font-family: arial; 
    color: darkorange;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ffd700 gesetzt wird.

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

Mehr zum Thema finden Sie in Listen und Glossare in HTML. Möglichkeiten des HTML-Befehl dt sind in der HTML Referenz bei <dt> gezeigt.

Zebra-Effekt mit HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <th> mit den Hintergrundfarben Farbe darkorange und Farbwert #ffd700.

<style type="text/css"><!--
  th.ungerade { 
    background-color:darkorange;
  }
  th.gerade { 
    background-color:#ffd700;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ungerade">Wa,a</td><td class="gerade">Wb,a</td><td class="ungerade">Wc,a</td></tr>
<tr><td class="ungerade">Wa,b</td><td class="gerade">Wb,b</td><td class="ungerade">Wc,b</td></tr>
<tr><td class="ungerade">Wa,c</td><td class="gerade">Wb,c</td><td class="ungerade">Wc,c</td></tr>
</table>

Mehr zum Thema th können Sie in Tabellen in HTML finden. Der hier gezeigte HTML-Tag th ist in der HTML Referenz unter <th> ausführlich beschrieben.