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

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.

Hintergrundfarbwert #e0ffff			Schriftfarbwert #d2691e
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift #d2691e
Farbwert	:	#e0ffff	Farbwert	:	#d2691e
Farbe	:	lightcyan	Farbe	:	chocolate
HTML	:	#e0ffff	HTML	:	#d2691e
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#d2691e
CSS	:	#e0ffff	CSS	:	#d2691e
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#d2691e
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#d2691e
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(210,105,30)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(82%,41%,11%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbwert #d2691e
#e0ffff	#dee9de	#dcd4be	#dabe9e	#d8a97e	#d6935e	#d47e3e	#d2691e
#e0ffff	#dee9de	#dcd4be	#dabe9e	#d8a97e	#d6935e	#d47e3e	#d2691e

Kombination von #e0ffff und #d2691e
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. Cras id velit ante.				Auf Hintergrund #e0ffff ist #d2691e ungeeignet, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #d2691e und #e0ffff ergibt sich zu 83.59%. Die Lesbarkeit dieser Kombination ergibt sich zu 16.41%.

Hintergrundfarbwert #e0ffff				Schriftfarbwert #d2691e
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#d2691e	#d2691e	#d2691e	#d2691e
#e4ffff	#e4ffff	#c0dada	#c0dada	#d87e3e	#d87e3e	#b45a19	#b45a19
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#de935e	#de935e	#964b15	#964b15
#edffff	#edffff	#809191	#809191	#e5a97e	#e5a97e	#783c11	#783c11
#f1ffff	#f1ffff	#606d6d	#606d6d	#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c
#f6ffff	#f6ffff	#404848	#404848	#f2d4be	#f2d4be	#3c1e08	#3c1e08
#faffff	#faffff	#202424	#202424	#f8e9de	#f8e9de	#1e0f04	#1e0f04
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #e0ffff und Farbwert #d2691e

Wechsel der Textfarbe bei Hover bei Befehl tbody

Die Textfarbe soll sich von Farbwert #e0ffff auf Farbwert #d2691e ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <tbody> in Farbwert #e0ffff vor.

Wir ändern z.B. die Textfarbe von <tbody> auf Farbwert #e0ffff.

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

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #d2691e gesetzt wird.

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

Mehr zum Thema tbody lesen Sie in Tabellen in HTML. Weiteres zum hier gezeigten HTML-Tag tbody erfahren Sie in der HTML Referenz unter <tbody>.