Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkturquoise und Farbwert #daa520

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 darkturquoise			Schriftfarbwert #daa520
Detail	:	Hintergrund darkturquoise	Detail	:	Schrift #daa520
Farbe	:	darkturquoise	Farbwert	:	#daa520
Farbwert	:	#00ced1	Farbe	:	goldenrod
HTML	:	darkturquoise	HTML	:	#daa520
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#daa520
CSS	:	darkturquoise	CSS	:	#daa520
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbe darkturquoise nach Schriftfarbwert #daa520
#00ced1	#1fc8b7	#3ec29e	#5dbc85	#7cb66b	#9bb052	#baaa39	#daa520
#00ced1	#1fc8b7	#3ec29e	#5dbc85	#7cb66b	#9bb052	#baaa39	#daa520

Kombination von darkturquoise und #daa520
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.				Auf Hintergrund darkturquoise ist #daa520 ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #daa520 und darkturquoise ergibt sich zu 94.55%. Die Lesbarkeit dieser Kombination liegt damit bei 5.45%.

Hintergrundfarbe darkturquoise				Schriftfarbwert #daa520
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#daa520	#daa520	#daa520	#daa520
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#48dcde	#48dcde	#009395	#009395	#e4be5f	#e4be5f	#9b7516	#9b7516
#6de3e4	#6de3e4	#007577	#007577	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#91eaeb	#91eaeb	#005859	#005859	#efd89f	#efd89f	#5d460d	#5d460d
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#daf8f8	#daf8f8	#001d1d	#001d1d	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkturquoise und Farbwert #daa520

Wechsel der Umrandung bei Hover mit HTML-Tag h2

Mit Tag <h2> setzen Sie eine Überschrift. Diese kann man hervorheben und farblich gestalten.

Die Rahmenfarbe soll sich von Farbe darkturquoise auf Farbwert #daa520 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <h2> in Farbe darkturquoise vor.

In diesem Beispiel umranden wir <h2> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe darkturquoise.

<style type="text/css"><!--
  h2 { 
    border-style:dotted; 
    border-color:darkturquoise; 
    border-width:4px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #daa520 ändert.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten vom hier verwendeten Tag h2 sind in der HTML Referenz bei <h2> beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit Tag dt

Die Hintergrundfarbe soll sich von Farbe darkturquoise auf Farbwert #daa520 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbe darkturquoise vor.

Hier legen wir Farbe darkturquoise als Hintergrundfarbe von <dt> fest:

<style type="text/css"><!--
  dt { 
    background-color:darkturquoise;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #daa520 geändert wird.

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

Mehr zum Thema können Sie in Listen und Glossare in HTML nachsehen. Weiteres zum hier verwendeten Tag dt ist in der HTML Referenz bei <dt> genau gezeigt.