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

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.

Hintergrundfarbwert #daa520			Schriftfarbe darkturquoise
Detail	:	Hintergrund #daa520	Detail	:	Schrift darkturquoise
Farbwert	:	#daa520	Farbe	:	darkturquoise
Farbe	:	goldenrod	Farbwert	:	#00ced1
HTML	:	#daa520	HTML	:	darkturquoise
HTML (Wert)	:	#daa520	HTML (Wert)	:	#00ced1
CSS	:	#daa520	CSS	:	darkturquoise
CSS (Wert)	:	#daa520	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#daa520	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(218,165,32)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(85%,64%,12%)	CSS (%RGB)	:	rgb(0%,80%,81%)

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

Kombination von #daa520 und darkturquoise
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				darkturquoise ist nicht als Schriftfarbe auf Hintergrund #daa520 geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit der Farben darkturquoise und #daa520 ergibt sich zu 94.55%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.45%.

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

Beispiele zur Kombination von Farbwert #daa520 und Farbe darkturquoise

Füllen und Umranden von HTML-Befehl dd

Bei diesem Beispiel umranden wir <dd> mit einem . Die Hintergrundfarbe für <dd> färben wir entsprechend mit Farbwert #daa520. Das ist in HTML nicht möglich. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  dd { border:1px inset darkturquoise; background-color:#daa520; }
//-->
</style>

Weiteres zum Thema dd können Sie in Listen und Glossare in HTML finden. Möglichkeiten des HTML-Tag <dd>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl del

Die Textfarbe soll sich von Farbwert #daa520 auf Farbe darkturquoise ändern, wenn man mit der Maus auf <del> zeigt. Wir bereiten zunächst die Formatierung von <del> in Farbwert #daa520 vor.

Z.B. legen wir Farbwert #daa520 als Textfarbe von <del> fest:

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

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf darkturquoise geändert wird.

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

Einzelheiten des hier gezeigten HTML-Befehl <del>.