Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #e0ffff und Farbe blueviolet

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 #e0ffff			Schriftfarbe blueviolet
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift blueviolet
Farbwert	:	#e0ffff	Farbe	:	blueviolet
Farbe	:	lightcyan	Farbwert	:	#8a2be2
HTML	:	#e0ffff	HTML	:	blueviolet
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#8a2be2
CSS	:	#e0ffff	CSS	:	blueviolet
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#8a2be2
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#8a2be2
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(138,43,226)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(54%,16%,88%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbe blueviolet
#e0ffff	#d3e0fa	#c7c2f6	#bba4f2	#ae85ee	#a267ea	#9649e6	#8a2be2
#e0ffff	#d3e0fa	#c7c2f6	#bba4f2	#ae85ee	#a267ea	#9649e6	#8a2be2

Kombination von #e0ffff und blueviolet
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 blueviolet und #e0ffff ergibt sich zu 73.09%. Die Lesbarkeit dieser Farbkombination liegt damit bei 26.91%. Auf Hintergrund #e0ffff ist blueviolet ungeeignet, weil die Farben zu ähnlich sind.

Hintergrundfarbwert #e0ffff				Schriftfarbe blueviolet
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#e4ffff	#e4ffff	#c0dada	#c0dada	#9a49e6	#9a49e6	#7624c1	#7624c1
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#ab67ea	#ab67ea	#621ea1	#621ea1
#edffff	#edffff	#809191	#809191	#bc85ee	#bc85ee	#4e1881	#4e1881
#f1ffff	#f1ffff	#606d6d	#606d6d	#cca4f2	#cca4f2	#3b1260	#3b1260
#f6ffff	#f6ffff	#404848	#404848	#ddc2f6	#ddc2f6	#270c40	#270c40
#faffff	#faffff	#202424	#202424	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e0ffff und Farbe blueviolet

Füllen und Umranden bei HTML-Tag hr

Hier umranden wir <hr> mit einem gepunkteten, 1 Pixel dicken Rahmen in Farbe blueviolet . Die Hintergrundfarbe für <hr> setzen wir entsprechend auf Farbwert #e0ffff. Das ist in HTML so kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  hr { border:1px dotted blueviolet; background-color:#e0ffff; }
//-->
</style>

Mehr zu hr können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der hier verwendete HTML-Befehl hr ist in der HTML Referenz bei <hr> ausführlich beschrieben.

Wechsel der Hintergrundfarbe bei Hover von Tag a

Mit Tag <a> wird ein Link gesetzt. Diesen können Sie farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #e0ffff auf Farbe blueviolet ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbwert #e0ffff vor.

Wir legen zum Beispiel die Hintergrundfarbe von <a> auf Farbwert #e0ffff fest. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf courier new und ändern die Größe der Schrift auf 13px:

<style type="text/css"><!--
  a { 
    background-color: #e0ffff; 
    font-family: courier new; 
    font-size: 13px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf blueviolet geändert wird.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Einzelheiten des hier gezeigten Befehl a sind in der HTML Referenz bei <a> beschrieben.