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

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 orchid
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift orchid
Farbwert	:	#e0ffff	Farbe	:	orchid
Farbe	:	lightcyan	Farbwert	:	#da70d6
HTML	:	#e0ffff	HTML	:	orchid
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#da70d6
CSS	:	#e0ffff	CSS	:	orchid
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#da70d6
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#da70d6
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(218,112,214)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(85%,43%,83%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbe orchid
#e0ffff	#dfeaf9	#ded6f3	#ddc1ed	#dcade7	#db98e1	#da84db	#da70d6
#e0ffff	#dfeaf9	#ded6f3	#ddc1ed	#dcade7	#db98e1	#da84db	#da70d6

Kombination von #e0ffff und orchid
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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #e0ffff ist orchid ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben orchid und #e0ffff ergibt sich zu 86.95%. Die Lesbarkeit dieser Kombination ergibt sich zu 13.05%.

Hintergrundfarbwert #e0ffff				Schriftfarbe orchid
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#da70d6	#da70d6	#da70d6	#da70d6
#e4ffff	#e4ffff	#c0dada	#c0dada	#df84db	#df84db	#ba60b7	#ba60b7
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#e498e1	#e498e1	#9b5098	#9b5098
#edffff	#edffff	#809191	#809191	#e9ade7	#e9ade7	#7c407a	#7c407a
#f1ffff	#f1ffff	#606d6d	#606d6d	#efc1ed	#efc1ed	#5d305b	#5d305b
#f6ffff	#f6ffff	#404848	#404848	#f4d6f3	#f4d6f3	#3e203d	#3e203d
#faffff	#faffff	#202424	#202424	#f9eaf9	#f9eaf9	#1f101e	#1f101e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e0ffff und Farbe orchid

Wechsel der Umrandung bei Hover mit Tag iframe

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

In diesem Beispiel umranden wir <iframe> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #e0ffff.

<style type="text/css"><!--
  iframe { 
    border-color:#e0ffff; 
    border-style:inset; 
    border-width:2px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf orchid ändert.

<style type="text/css"><!--
  iframe:hover { 
    border-color:orchid;
  }
//-->
</style>

Weiteres zum Tag iframe ist in der HTML Referenz bei <iframe> ausführlich zusammengestellt.

Hintergrund/Text-Kombination mit HTML-Befehl pre

Hier ändern wir die Textfarbe von <pre> auf Farbe orchid und die Hintergrundfarbe von <pre> auf Farbwert #e0ffff. Als Schriftart setzen wir verdana und als Schriftgröße setzen wir 85%.

<style type="text/css"><!--
  pre { 
    color: orchid; 
    font-family: verdana; 
    font-size: 85%; 
    background-color: #e0ffff;
  }
//-->
</style>

Mehr zum Thema pre können Sie in Blockorientierte Elemente in HTML finden. Weiteres zum hier genutzten HTML-Befehl pre ist in der HTML Referenz bei <pre> zusammengestellt.