Ressourcen: 137 HTML Farbnamen - Kombination von Farbe indianred und Farbe orchid

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe indianred			Schriftfarbe orchid
Detail	:	Hintergrund indianred	Detail	:	Schrift orchid
Farbe	:	indianred	Farbe	:	orchid
Farbwert	:	#cd5c5c	Farbwert	:	#da70d6
HTML	:	indianred	HTML	:	orchid
HTML (Wert)	:	#cd5c5c	HTML (Wert)	:	#da70d6
CSS	:	indianred	CSS	:	orchid
CSS (Wert)	:	#cd5c5c	CSS (Wert)	:	#da70d6
CSS (kürzest)	:	#cd5c5c	CSS (kürzest)	:	#da70d6
CSS (RGB)	:	rgb(205,92,92)	CSS (RGB)	:	rgb(218,112,214)
CSS (%RGB)	:	rgb(80%,36%,36%)	CSS (%RGB)	:	rgb(85%,43%,83%)

Verlauf Hintergrundfarbe indianred nach Schriftfarbe orchid
#cd5c5c	#ce5e6d	#d0617e	#d26490	#d467a1	#d66ab3	#d86dc4	#da70d6
#cd5c5c	#ce5e6d	#d0617e	#d26490	#d467a1	#d66ab3	#d86dc4	#da70d6

Kombination von indianred und orchid
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 orchid und indianred ergibt sich zu 93.45%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.55%. Auf Hintergrund indianred ist orchid ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe indianred				Schriftfarbe orchid
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c	#da70d6	#da70d6	#da70d6	#da70d6
#d47373	#d47373	#af4e4e	#af4e4e	#df84db	#df84db	#ba60b7	#ba60b7
#db8a8a	#db8a8a	#924141	#924141	#e498e1	#e498e1	#9b5098	#9b5098
#e2a1a1	#e2a1a1	#753434	#753434	#e9ade7	#e9ade7	#7c407a	#7c407a
#e9b9b9	#e9b9b9	#572727	#572727	#efc1ed	#efc1ed	#5d305b	#5d305b
#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a	#f4d6f3	#f4d6f3	#3e203d	#3e203d
#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d	#f9eaf9	#f9eaf9	#1f101e	#1f101e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indianred und Farbe orchid

Füllen und Umranden mit HTML-Tag hr

Hier umranden wir <hr> mit einem gezahnten, 5 Punkte dicken Rahmen in Farbe orchid . Die Hintergrundfarbe für <hr> färben wir mit Farbe indianred. Dies ist in HTML kaum möglich. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  hr { border:5pt ridge orchid; background-color:indianred; }
//-->
</style>

Weiteres zu hr können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Weiteres zum HTML-Tag <hr>.

Wechsel der Hintergrundfarbe bei Hover bei Befehl a

Mit HTML-Befehl <a> erzeugen Sie einen Link. Diesen kann man farblich gestalten und hervorheben.

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

Z.B. setzen wir die Hintergrundfarbe von <a> auf Farbe indianred. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf sans-serif und verringern die Schriftgröße auf 85S%.

<style type="text/css"><!--
  a { 
    font-family: sans-serif; 
    font-size: 85S%; 
    background-color: indianred;
  }
//-->
</style>

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

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML lesen. Mehr zum hier genutzten Befehl a finden Sie in der HTML Referenz unter <a>.