Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkviolet und Farbwert #f5fffa

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 darkviolet			Schriftfarbwert #f5fffa
Detail	:	Hintergrund darkviolet	Detail	:	Schrift #f5fffa
Farbe	:	darkviolet	Farbwert	:	#f5fffa
Farbwert	:	#9400d3	Farbe	:	mintcream
HTML	:	darkviolet	HTML	:	#f5fffa
HTML (Wert)	:	#9400d3	HTML (Wert)	:	#f5fffa
CSS	:	darkviolet	CSS	:	#f5fffa
CSS (Wert)	:	#9400d3	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#9400d3	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(148,0,211)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(58%,0%,82%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbe darkviolet nach Schriftfarbwert #f5fffa
#9400d3	#a124d8	#af48de	#bd6de3	#cb91e9	#d9b6ee	#e7daf4	#f5fffa
#9400d3	#a124d8	#af48de	#bd6de3	#cb91e9	#d9b6ee	#e7daf4	#f5fffa

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

Hintergrundfarbe darkviolet				Schriftfarbwert #f5fffa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9400d3	#9400d3	#9400d3	#9400d3	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#a324d9	#a324d9	#7e00b4	#7e00b4	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#b248df	#b248df	#690096	#690096	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#c16de5	#c16de5	#540078	#540078	#f9fffc	#f9fffc	#8c918e	#8c918e
#d191ec	#d191ec	#3f005a	#3f005a	#fafffc	#fafffc	#696d6b	#696d6b
#e0b6f2	#e0b6f2	#2a003c	#2a003c	#fcfffd	#fcfffd	#464847	#464847
#efdaf8	#efdaf8	#15001e	#15001e	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkviolet und Farbwert #f5fffa

Wechsel der Umrandung bei Hover von HTML-Befehl q

Die Rahmenfarbe soll sich von Farbe darkviolet auf Farbwert #f5fffa ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <q> in Farbe darkviolet vor.

In diesem Beispiel umranden wir <q> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbe darkviolet.

<style type="text/css"><!--
  q { 
    border-style: inset; 
    border-color: darkviolet; 
    border-width: 3px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #f5fffa ändert.

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

Möglichkeiten vom HTML-Befehl <q>.

Hintergrund/Text-Kombination von Tag a

Einen Hyperlink setzen Sie mit Befehl <a>. Diesen kann man farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #f5fffa und die Hintergrundfarbe von <a> auf Farbe darkviolet. Die Schriftart setzen wir auf sans-serif und als Schriftgröße wählen wir 98%.

<style type="text/css"><!--
  a { 
    color:#f5fffa; 
    font-size:98%; 
    font-family:sans-serif; 
    background-color:darkviolet;
  }
//-->
</style>

Mehr zu a finden Sie in Verweise und Protokolle in HTML. Beschreibung des hier genutzten HTML-Befehl <a>.