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

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

Verlauf Hintergrundfarbe orchid nach Schriftfarbwert #ffdab9
#da70d6	#df7fd1	#e48ecd	#e99dc9	#efacc5	#f4bbc1	#f9cabd	#ffdab9
#da70d6	#df7fd1	#e48ecd	#e99dc9	#efacc5	#f4bbc1	#f9cabd	#ffdab9

Kombination von orchid und #ffdab9
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund orchid ist #ffdab9 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #ffdab9 und orchid ergibt sich zu 89.53%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.47%.

Hintergrundfarbe orchid				Schriftfarbwert #ffdab9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#df84db	#df84db	#ba60b7	#ba60b7	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#e498e1	#e498e1	#9b5098	#9b5098	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#e9ade7	#e9ade7	#7c407a	#7c407a	#ffe9d7	#ffe9d7	#917c69	#917c69
#efc1ed	#efc1ed	#5d305b	#5d305b	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#fff4eb	#fff4eb	#483e34	#483e34
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe orchid und Farbwert #ffdab9

Wechsel der Hintergrundfarbe bei Hover von Tag center

Die Hintergrundfarbe soll sich von Farbe orchid auf Farbwert #ffdab9 ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst eine Darstellung von <center> in Farbe orchid vor.

Wir legen in diesem Beispiel bei <center> die Hintergrundfarbe auf Farbe orchid fest. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  center { 
    background-color: orchid; 
    font-size: 13px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #ffdab9 gesetzt wird.

<style type="text/css"><!--
  center: hover { 
    background-color: #ffdab9;
  }
//-->
</style>

Weiteres zu center lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier genutzten HTML-Tag center erfahren Sie in der HTML Referenz unter <center>.

Zebra-Effekt mit HTML-Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <td> mit unterschiedlichen Hintergrundfarben Farbe orchid und Farbwert #ffdab9.

<style type="text/css"><!--
  td.ger { 
    background-color: orchid;
  }
  td.ung { 
    background-color:#ffdab9;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr><td class="ger">OA~A</td><td class="ung">OB~A</td><td class="ger">OC~A</td></tr>
<tr><td class="ger">OA~B</td><td class="ung">OB~B</td><td class="ger">OC~B</td></tr>
<tr><td class="ger">OA~C</td><td class="ung">OB~C</td><td class="ger">OC~C</td></tr>
</table>

Mehr zum Thema td lesen Sie in Tabellen in HTML. Mehr zum hier genutzten HTML-Befehl td erfahren Sie in der HTML Referenz unter <td>.