Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkgoldenrod und Farbwert #00fa9a

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 darkgoldenrod			Schriftfarbwert #00fa9a
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #00fa9a
Farbe	:	darkgoldenrod	Farbwert	:	#00fa9a
Farbwert	:	#b8860b	Farbe	:	mediumspringgreen
HTML	:	darkgoldenrod	HTML	:	#00fa9a
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#00fa9a
CSS	:	darkgoldenrod	CSS	:	#00fa9a
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#00fa9a
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#00fa9a
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(0,250,154)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(0%,98%,60%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #00fa9a
#b8860b	#9d961f	#83a733	#69b748	#4ec85c	#34d871	#1ae985	#00fa9a
#b8860b	#9d961f	#83a733	#69b748	#4ec85c	#34d871	#1ae985	#00fa9a

Kombination von darkgoldenrod und #00fa9a
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #00fa9a und darkgoldenrod ergibt sich zu 88.83%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.17%. Auf Hintergrund darkgoldenrod ist #00fa9a ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #00fa9a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#00fa9a	#00fa9a	#00fa9a	#00fa9a
#c2972d	#c2972d	#9d7209	#9d7209	#24faa8	#24faa8	#00d684	#00d684
#cca850	#cca850	#835f07	#835f07	#48fbb6	#48fbb6	#00b26e	#00b26e
#d6b973	#d6b973	#694c06	#694c06	#6dfcc5	#6dfcc5	#008e58	#008e58
#e0cb96	#e0cb96	#4e3904	#4e3904	#91fcd3	#91fcd3	#006b42	#006b42
#eadcb9	#eadcb9	#342603	#342603	#b6fde2	#b6fde2	#00472c	#00472c
#f4eddc	#f4eddc	#1a1301	#1a1301	#dafef0	#dafef0	#002316	#002316
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgoldenrod und Farbwert #00fa9a

Wechsel der Umrandung bei Hover von Tag blockquote

Die Rahmenfarbe soll sich von Farbe darkgoldenrod auf Farbwert #00fa9a ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <blockquote> in Farbe darkgoldenrod vor.

In diesem Beispiel umranden wir <blockquote> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbe darkgoldenrod.

<style type="text/css"><!--
  blockquote { 
    border-color: darkgoldenrod; 
    border-style: groove; 
    border-width: 2px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #00fa9a ändert.

<style type="text/css"><!--
  blockquote:hover { 
    border-color:#00fa9a;
  }
//-->
</style>

Weiteres zu blockquote können Sie in Blockorientierte Elemente in HTML lesen. Die Beschreibung des hier gezeigten HTML-Tag blockquote lesen Sie in der HTML Referenz unter <blockquote>.

Zebra-Effekt von HTML-Befehl tr

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit unterschiedlichen Hintergrundfarben Farbe darkgoldenrod und Farbwert #00fa9a.

<style type="text/css"><!--
  tr.ungerade { 
    background-color:darkgoldenrod;
  }
  tr.gerade { 
    background-color:#00fa9a;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="ungerade"><td>C1,1</td><td>C2,1</td><td>C3,1</td></tr>
<tr class="gerade"><td>C1,2</td><td>C2,2</td><td>C3,2</td></tr>
<tr class="ungerade"><td>C1,3</td><td>C2,3</td><td>C3,3</td></tr>
</table>

Mehr zu tr erfahren Sie in Tabellen in HTML. Der Tag tr ist in der HTML Referenz unter <tr> ausführlich gezeigt.