Ressourcen: 120 HTML Farbnamen - Kombination von Farbe beige und Farbwert #e0ffff

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 beige			Schriftfarbwert #e0ffff
Detail	:	Hintergrund beige	Detail	:	Schrift #e0ffff
Farbe	:	beige	Farbwert	:	#e0ffff
Farbwert	:	#f5f5dc	Farbe	:	lightcyan
HTML	:	beige	HTML	:	#e0ffff
HTML (Wert)	:	#f5f5dc	HTML (Wert)	:	#e0ffff
CSS	:	beige	CSS	:	#e0ffff
CSS (Wert)	:	#f5f5dc	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#f5f5dc	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(245,245,220)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(96%,96%,86%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbe beige nach Schriftfarbwert #e0ffff
#f5f5dc	#f2f6e1	#eff7e6	#ecf9eb	#e9faf0	#e6fcf5	#e3fdfa	#e0ffff
#f5f5dc	#f2f6e1	#eff7e6	#ecf9eb	#e9faf0	#e6fcf5	#e3fdfa	#e0ffff

Kombination von beige und #e0ffff
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.				#e0ffff ist nicht als Schriftfarbe auf Hintergrund beige geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit der Farben #e0ffff und beige beträgt 95.00%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.00%.

Hintergrundfarbe beige				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc	#e4ffff	#e4ffff	#c0dada	#c0dada
#f7f7e6	#f7f7e6	#afaf9d	#afaf9d	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d	#edffff	#edffff	#809191	#809191
#fafaf0	#fafaf0	#69695e	#69695e	#f1ffff	#f1ffff	#606d6d	#606d6d
#fcfcf5	#fcfcf5	#46463e	#46463e	#f6ffff	#f6ffff	#404848	#404848
#fdfdfa	#fdfdfa	#23231f	#23231f	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe beige und Farbwert #e0ffff

Wechsel der Textfarbe bei Hover von Befehl h3

Eine Überschrift der 3. Stufe wird mit Befehl <h3> erzeugt. Sie kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbe beige auf Farbwert #e0ffff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h3> in Farbe beige vor.

Als Beispiel legen wir bei <h3> die Textfarbe auf Farbe beige fest:

<style type="text/css"><!--
  h3 { 
    color:beige;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #e0ffff gesetzt wird.

<style type="text/css"><!--
  h3:hover { 
    color:#e0ffff;
  }
//-->
</style>

Weiteres zu h3 finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier verwendeten Tag <h3>.

Zebra-Effekt von HTML-Tag th

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit den Hintergrundfarben Farbe beige und Farbwert #e0ffff.

<style type="text/css"><!--
  th.gerade { 
    background-color: beige;
  }
  th.ungerade { 
    background-color:#e0ffff;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="gerade">S1,1</td><td class="ungerade">S2,1</td><td class="gerade">S3,1</td></tr>
<tr><td class="gerade">S1,2</td><td class="ungerade">S2,2</td><td class="gerade">S3,2</td></tr>
<tr><td class="gerade">S1,3</td><td class="ungerade">S2,3</td><td class="gerade">S3,3</td></tr>
</table>

Weiteres zum Thema th können Sie in Tabellen in HTML erfahren. Mehr zum hier genutzten Tag th ist in der HTML Referenz unter <th> ausführlich beschrieben.