Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkcyan und Farbwert #f5fffa

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.

Hintergrundfarbe darkcyan			Schriftfarbwert #f5fffa
Detail	:	Hintergrund darkcyan	Detail	:	Schrift #f5fffa
Farbe	:	darkcyan	Farbwert	:	#f5fffa
Farbwert	:	#008b8b	Farbe	:	mintcream
HTML	:	darkcyan	HTML	:	#f5fffa
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#f5fffa
CSS	:	darkcyan	CSS	:	#f5fffa
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbwert #f5fffa
#008b8b	#239b9a	#46acaa	#69bcba	#8ccdca	#afddda	#d2eeea	#f5fffa
#008b8b	#239b9a	#46acaa	#69bcba	#8ccdca	#afddda	#d2eeea	#f5fffa

Kombination von darkcyan und #f5fffa
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #f5fffa und darkcyan beträgt 80.67%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 19.33%. #f5fffa ist nicht als Schriftfarbe auf Hintergrund darkcyan geeignet, da die Farben zu ähnlich sind.

Hintergrundfarbe darkcyan				Schriftfarbwert #f5fffa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#249b9b	#249b9b	#007777	#007777	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#48acac	#48acac	#006363	#006363	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#f9fffc	#f9fffc	#8c918e	#8c918e
#91cdcd	#91cdcd	#003b3b	#003b3b	#fafffc	#fafffc	#696d6b	#696d6b
#b6dddd	#b6dddd	#002727	#002727	#fcfffd	#fcfffd	#464847	#464847
#daeeee	#daeeee	#001313	#001313	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkcyan und Farbwert #f5fffa

Füllen und Umranden von Tag hr

Hier umranden wir <hr> mit einem einfallenden, 3 Punkte dicken Rahmen in Farbwert #f5fffa . Die Hintergrundfarbe für <hr> setzen wir entsprechend auf Farbe darkcyan. Dies ist in HTML kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  hr { border:3pt inset #f5fffa; background-color:darkcyan; }
//-->
</style>

Weiteres zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Beschreibung vom hier gezeigten HTML-Befehl <hr>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag a

Einen Verweis erzeugt man mit Tag <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel legen wir bei <a> die Hintergrundfarbe auf Farbe darkcyan fest. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf arial und verringern die Schriftgröße auf 90%.

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

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #f5fffa geändert wird.

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

Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Die Beschreibung des hier verwendeten Tag a lesen Sie in der HTML Referenz unter <a>.