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

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 #ffff00
Detail	:	Hintergrund darkturquoise	Detail	:	Schrift #ffff00
Farbe	:	darkturquoise	Farbwert	:	#ffff00
Farbwert	:	#00ced1	Farbe	:	yellow
HTML	:	darkturquoise	HTML	:	#ffff00
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#ffff00
CSS	:	darkturquoise	CSS	:	#ffff00
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#ffff00
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#ff0
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(255,255,0)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(100%,100%,0%)

Verlauf Hintergrundfarbe darkturquoise nach Schriftfarbwert #ffff00
#00ced1	#24d5b3	#48dc95	#6de377	#91ea59	#b6f13b	#daf81d	#ffff00
#00ced1	#24d5b3	#48dc95	#6de377	#91ea59	#b6f13b	#daf81d	#ffff00

Kombination von darkturquoise und #ffff00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#ffff00 ist nicht als Schriftfarbe auf Hintergrund darkturquoise geeignet. Zwar ist der Farbunterschied gut, doch der Helligkeitsunterschied ist zu gering. Die Ähnlichkeit von #ffff00 und darkturquoise beträgt 91.34%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.66%.

Hintergrundfarbe darkturquoise				Schriftfarbwert #ffff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#ffff00	#ffff00	#ffff00	#ffff00
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#ffff24	#ffff24	#dada00	#dada00
#48dcde	#48dcde	#009395	#009395	#ffff48	#ffff48	#b6b600	#b6b600
#6de3e4	#6de3e4	#007577	#007577	#ffff6d	#ffff6d	#919100	#919100
#91eaeb	#91eaeb	#005859	#005859	#ffff91	#ffff91	#6d6d00	#6d6d00
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#ffffb6	#ffffb6	#484800	#484800
#daf8f8	#daf8f8	#001d1d	#001d1d	#ffffda	#ffffda	#242400	#242400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkturquoise und Farbwert #ffff00

Hintergrund/Text-Kombination mit HTML-Tag dfn

Hier ändern wir die Textfarbe von <dfn> auf Farbwert #ffff00 und die Hintergrundfarbe von <dfn> auf Farbe darkturquoise. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 110%.

<style type="text/css"><!--
  dfn { 
    color:#ff0; 
    font-size:110%; 
    font-family:monospace; 
    background-color:darkturquoise;
  }
//-->
</style>

Mehr zu dfn können Sie in Text in HTML finden. Die Beschreibung vom Tag dfn finden Sie in der HTML Referenz unter <dfn>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl p

Die Hintergrundfarbe soll sich von Farbe darkturquoise auf Farbwert #ffff00 ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Darstellung von <p> in Farbe darkturquoise vor.

Für dieses Beispiel legen wir Farbe darkturquoise als Hintergrundfarbe von <p> fest. Zwar ändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 94%.

<style type="text/css"><!--
  p { 
    font-size:94%; 
    background-color:darkturquoise; 
    font-family:verdana;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #ffff00 ändert.

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

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom HTML-Befehl p sind in der HTML Referenz unter <p> ausführlich zusammengestellt.