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

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 peru
Detail	:	Hintergrund orchid	Detail	:	Schrift peru
Farbe	:	orchid	Farbe	:	peru
Farbwert	:	#da70d6	Farbwert	:	#cd853f
HTML	:	orchid	HTML	:	peru
HTML (Wert)	:	#da70d6	HTML (Wert)	:	#cd853f
CSS	:	orchid	CSS	:	peru
CSS (Wert)	:	#da70d6	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#da70d6	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(218,112,214)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(85%,43%,83%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbe orchid nach Schriftfarbe peru
#da70d6	#d873c0	#d676aa	#d47995	#d27c7f	#d07f6a	#ce8254	#cd853f
#da70d6	#d873c0	#d676aa	#d47995	#d27c7f	#d07f6a	#ce8254	#cd853f

Kombination von orchid und peru
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund orchid ist peru ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben peru und orchid beträgt 95.07%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 4.93%.

Hintergrundfarbe orchid				Schriftfarbe peru
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#cd853f	#cd853f	#cd853f	#cd853f
#df84db	#df84db	#ba60b7	#ba60b7	#d4965a	#d4965a	#af7236	#af7236
#e498e1	#e498e1	#9b5098	#9b5098	#dba775	#dba775	#925f2d	#925f2d
#e9ade7	#e9ade7	#7c407a	#7c407a	#e2b991	#e2b991	#754c24	#754c24
#efc1ed	#efc1ed	#5d305b	#5d305b	#e9caac	#e9caac	#57391b	#57391b
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe orchid und Farbe peru

Füllen und Umranden von Befehl img

Für dieses Beispiel umranden wir <img> mit einem doppelten, 4 Pixel dicken Rahmen in Farbe peru . Den Hintergrund von <img> setzen wir entsprechend auf Farbe orchid. Dies geht in HTML nicht. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  img { border:4px double peru; background-color:orchid; }
//-->
</style>

Weiteres zum Thema img finden Sie in Grafik in HTML. Der hier verwendete Befehl img ist in der HTML Referenz bei <img> gezeigt.

Wechsel der Umrandung bei Hover bei Befehl label

Die Rahmenfarbe soll sich von Farbe orchid auf Farbe peru ändern, wenn man mit der Maus auf <label> zeigt. Wir bereiten zunächst eine Darstellung von <label> in Farbe orchid vor.

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

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

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu peru ändert.

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

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Beschreibung vom Tag <label>.