Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkcyan und Farbwert #fffacd

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 darkcyan			Schriftfarbwert #fffacd
Detail	:	Hintergrund darkcyan	Detail	:	Schrift #fffacd
Farbe	:	darkcyan	Farbwert	:	#fffacd
Farbwert	:	#008b8b	Farbe	:	lemonchiffon
HTML	:	darkcyan	HTML	:	#fffacd
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#fffacd
CSS	:	darkcyan	CSS	:	#fffacd
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbwert #fffacd
#008b8b	#249a94	#48aa9d	#6dbaa7	#91cab0	#b6daba	#daeac3	#fffacd
#008b8b	#249a94	#48aa9d	#6dbaa7	#91cab0	#b6daba	#daeac3	#fffacd

Kombination von darkcyan und #fffacd
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fffacd ist nicht als Schriftfarbe auf Hintergrund darkcyan geeignet. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von #fffacd und darkcyan beträgt 81.38%. Die Lesbarkeit dieser Farbkombination liegt damit bei 18.62%.

Hintergrundfarbe darkcyan				Schriftfarbwert #fffacd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#fffacd	#fffacd	#fffacd	#fffacd
#249b9b	#249b9b	#007777	#007777	#fffad4	#fffad4	#dad6af	#dad6af
#48acac	#48acac	#006363	#006363	#fffbdb	#fffbdb	#b6b292	#b6b292
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#fffce2	#fffce2	#918e75	#918e75
#91cdcd	#91cdcd	#003b3b	#003b3b	#fffce9	#fffce9	#6d6b57	#6d6b57
#b6dddd	#b6dddd	#002727	#002727	#fffdf0	#fffdf0	#48473a	#48473a
#daeeee	#daeeee	#001313	#001313	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkcyan und Farbwert #fffacd

Hintergrund/Text-Kombination von Befehl strike

Hier ändern wir die Textfarbe von <strike> auf Farbwert #fffacd und die Hintergrundfarbe von <strike> auf Farbe darkcyan. Als Schriftart wählen wir monospace und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  strike { 
    font-family:monospace; 
    font-size:13px; 
    color:#fffacd; 
    background-color:darkcyan;
  }
//-->
</style>

Mehr zum Thema können Sie in Text in HTML nachsehen. Weiteres zum hier verwendeten Tag strike lesen Sie in der HTML Referenz unter <strike>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag blockquote

Die Hintergrundfarbe soll sich von Farbe darkcyan auf Farbwert #fffacd ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <blockquote> in Farbe darkcyan vor.

Als Beispiel setzen wir die Hintergrundfarbe von <blockquote> auf Farbe darkcyan. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift verringern wir auf 90%:

<style type="text/css"><!--
  blockquote { 
    font-size: 90%; 
    font-family: sans-serif; 
    background-color: darkcyan;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe auf #fffacd ändert.

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

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Mehr zum hier genutzten HTML-Tag blockquote finden Sie in der HTML Referenz unter <blockquote>.