Ressourcen: 120 HTML Farbnamen - Kombination von Farbe orchid und Farbe azure

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

Verlauf Hintergrundfarbe orchid nach Schriftfarbe azure
#da70d6	#dd84db	#e098e1	#e3ade7	#e6c1ed	#e9d6f3	#eceaf9	#f0ffff
#da70d6	#dd84db	#e098e1	#e3ade7	#e6c1ed	#e9d6f3	#eceaf9	#f0ffff

Kombination von orchid und azure
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von azure und orchid beträgt 86.60%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 13.40%. azure eignet sich nicht als Schriftfarbe auf Hintergrund orchid. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe orchid				Schriftfarbe azure
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#df84db	#df84db	#ba60b7	#ba60b7	#f2ffff	#f2ffff	#cddada	#cddada
#e498e1	#e498e1	#9b5098	#9b5098	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#e9ade7	#e9ade7	#7c407a	#7c407a	#f6ffff	#f6ffff	#899191	#899191
#efc1ed	#efc1ed	#5d305b	#5d305b	#f8ffff	#f8ffff	#666d6d	#666d6d
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#faffff	#faffff	#444848	#444848
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe orchid und Farbe azure

Hintergrund/Text-Kombination bei Tag address

Hier ändern wir die Textfarbe von <address> auf Farbe azure und die Hintergrundfarbe von <address> auf Farbe orchid. Die Schriftart ändern wir auf monospace. Die Schriftgröße setzen wir auf 113%.

<style type="text/css"><!--
  address { 
    font-family:monospace; 
    font-size:113%; 
    color:azure; 
    background-color:orchid;
  }
//-->
</style>

Weiteres zu address können Sie in Blockorientierte Elemente in HTML nachsehen. Möglichkeiten des HTML-Befehl address sind in der HTML Referenz bei <address> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit Befehl colgroup

Die Hintergrundfarbe soll sich von Farbe orchid auf Farbe azure ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <colgroup> in Farbe orchid vor.

Wir ändern z.B. die Hintergrundfarbe von <colgroup> auf Farbe orchid. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf arial:

<style type="text/css"><!--
  colgroup { 
    font-family:arial; 
    background-color:orchid;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf azure gesetzt wird.

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

Mehr zum Thema colgroup können Sie in Tabellen in HTML nachsehen. Einzelheiten vom hier gezeigten HTML-Tag <colgroup>.