Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gold und Farbwert #da70d6

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 gold			Schriftfarbwert #da70d6
Detail	:	Hintergrund gold	Detail	:	Schrift #da70d6
Farbe	:	gold	Farbwert	:	#da70d6
Farbwert	:	#ffd700	Farbe	:	orchid
HTML	:	gold	HTML	:	#da70d6
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#da70d6
CSS	:	gold	CSS	:	#da70d6
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#da70d6
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#da70d6
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(218,112,214)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(85%,43%,83%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #da70d6
#ffd700	#f9c81e	#f4b93d	#efaa5b	#e99c7a	#e48d98	#df7eb7	#da70d6
#ffd700	#f9c81e	#f4b93d	#efaa5b	#e99c7a	#e48d98	#df7eb7	#da70d6

Kombination von gold und #da70d6
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit der Farben #da70d6 und gold beträgt 90.19%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.81%. #da70d6 eignet sich nicht als Schriftfarbe auf Hintergrund gold, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe gold				Schriftfarbwert #da70d6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#da70d6	#da70d6	#da70d6	#da70d6
#ffdc24	#ffdc24	#dab800	#dab800	#df84db	#df84db	#ba60b7	#ba60b7
#ffe248	#ffe248	#b69900	#b69900	#e498e1	#e498e1	#9b5098	#9b5098
#ffe86d	#ffe86d	#917a00	#917a00	#e9ade7	#e9ade7	#7c407a	#7c407a
#ffed91	#ffed91	#6d5c00	#6d5c00	#efc1ed	#efc1ed	#5d305b	#5d305b
#fff3b6	#fff3b6	#483d00	#483d00	#f4d6f3	#f4d6f3	#3e203d	#3e203d
#fff9da	#fff9da	#241e00	#241e00	#f9eaf9	#f9eaf9	#1f101e	#1f101e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #da70d6

Wechsel der Hintergrundfarbe bei Hover bei Tag col

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

Als Beispiel setzen wir bei <col> die Hintergrundfarbe auf Farbe gold. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf monospace und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  col { 
    font-size:13px; 
    background-color:gold; 
    font-family:monospace;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #da70d6 ändert.

<style type="text/css"><!--
  col:hover { 
    background-color:#da70d6;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Möglichkeiten des HTML-Befehl col sind in der HTML Referenz bei <col> genau beschrieben.

Zebra-Effekt mit HTML-Befehl th

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

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

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="odd">OA~A</td><td class="even">OB~A</td><td class="odd">OC~A</td></tr>
<tr><td class="odd">OA~B</td><td class="even">OB~B</td><td class="odd">OC~B</td></tr>
<tr><td class="odd">OA~C</td><td class="even">OB~C</td><td class="odd">OC~C</td></tr>
</table>

Weiteres zum Thema th können Sie in Tabellen in HTML nachsehen. Die Beschreibung des hier genutzten HTML-Befehl th finden Sie in der HTML Referenz unter <th>.