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

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

Verlauf Hintergrundfarbe orchid nach Schriftfarbwert #fffff0
#da70d6	#df84d9	#e498dd	#e9ade1	#efc1e4	#f4d6e8	#f9eaec	#fffff0
#da70d6	#df84d9	#e498dd	#e9ade1	#efc1e4	#f4d6e8	#f9eaec	#fffff0

Kombination von orchid und #fffff0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fffff0 eignet sich nicht als Schriftfarbe auf Hintergrund orchid. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #fffff0 und orchid ergibt sich zu 86.37%. Die Lesbarkeit dieser Kombination bewerte ich mit 13.63%.

Hintergrundfarbe orchid				Schriftfarbwert #fffff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#fffff0	#fffff0	#fffff0	#fffff0
#df84db	#df84db	#ba60b7	#ba60b7	#fffff2	#fffff2	#dadacd	#dadacd
#e498e1	#e498e1	#9b5098	#9b5098	#fffff4	#fffff4	#b6b6ab	#b6b6ab
#e9ade7	#e9ade7	#7c407a	#7c407a	#fffff6	#fffff6	#919189	#919189
#efc1ed	#efc1ed	#5d305b	#5d305b	#fffff8	#fffff8	#6d6d66	#6d6d66
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#fffffa	#fffffa	#484844	#484844
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#fffffc	#fffffc	#242422	#242422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe orchid und Farbwert #fffff0

Wechsel der Umrandung bei Hover von Befehl h5

Mit Tag <h5> setzen Sie eine Überschrift. Diese kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel umranden wir <h5> mit einem 1 Pixel dicken, doppelten Rahmen in Farbe orchid.

<style type="text/css"><!--
  h5 { 
    border-style: double; 
    border-color: orchid; 
    border-width: 1px;
  }
//-->
</style>

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

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

Weiteres zum Thema h5 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier gezeigten Tag <h5>.

Hintergrund/Text-Kombination bei Tag pre

Hier ändern wir die Textfarbe von <pre> auf Farbwert #fffff0 und die Hintergrundfarbe von <pre> auf Farbe orchid. Als Schriftart setzen wir monospace und als Schriftgröße entscheiden wir uns für 111%.

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

Weiteres zu pre können Sie in Blockorientierte Elemente in HTML finden. Möglichkeiten des hier verwendeten HTML-Befehl pre lesen Sie in der HTML Referenz unter <pre>.