Ressourcen: 120 HTML Farbnamen - Kombination von Farbe ivory und Farbwert #00bfff

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 ivory			Schriftfarbwert #00bfff
Detail	:	Hintergrund ivory	Detail	:	Schrift #00bfff
Farbe	:	ivory	Farbwert	:	#00bfff
Farbwert	:	#fffff0	Farbe	:	deepskyblue
HTML	:	ivory	HTML	:	#00bfff
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#00bfff
CSS	:	ivory	CSS	:	#00bfff
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbe ivory nach Schriftfarbwert #00bfff
#fffff0	#daf5f2	#b6ecf4	#91e3f6	#6ddaf8	#48d1fa	#24c8fc	#00bfff
#fffff0	#daf5f2	#b6ecf4	#91e3f6	#6ddaf8	#48d1fa	#24c8fc	#00bfff

Kombination von ivory und #00bfff
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #00bfff und ivory ergibt sich zu 89.98%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 10.02%. #00bfff eignet sich nicht als Schriftfarbe auf Hintergrund ivory, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe ivory				Schriftfarbwert #00bfff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#00bfff	#00bfff	#00bfff	#00bfff
#fffff2	#fffff2	#dadacd	#dadacd	#24c8ff	#24c8ff	#00a3da	#00a3da
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#48d1ff	#48d1ff	#0088b6	#0088b6
#fffff6	#fffff6	#919189	#919189	#6ddaff	#6ddaff	#006d91	#006d91
#fffff8	#fffff8	#6d6d66	#6d6d66	#91e3ff	#91e3ff	#00516d	#00516d
#fffffa	#fffffa	#484844	#484844	#b6ecff	#b6ecff	#003648	#003648
#fffffc	#fffffc	#242422	#242422	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ivory und Farbwert #00bfff

Zebra-Effekt mit HTML-Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit den Hintergrundfarben Farbe ivory und Farbwert #00bfff.

<style type="text/css"><!--
  td.gerade { 
    background-color: ivory;
  }
  td.ungerade { 
    background-color: #00bfff;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="gerade">O1,1</td><td class="ungerade">O2,1</td><td class="gerade">O3,1</td></tr>
<tr><td class="gerade">O1,2</td><td class="ungerade">O2,2</td><td class="gerade">O3,2</td></tr>
<tr><td class="gerade">O1,3</td><td class="ungerade">O2,3</td><td class="gerade">O3,3</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Möglichkeiten vom hier gezeigten HTML-Tag <td>.

Wechsel der Hintergrundfarbe bei Hover von Tag table

Die Hintergrundfarbe soll sich von Farbe ivory auf Farbwert #00bfff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <table> in Farbe ivory vor.

Z.B. legen wir die Hintergrundfarbe von <table> auf Farbe ivory fest. Die Textfarbe lassen wir unverändert. Die Schriftart setzen wir auf courier new:

<style type="text/css"><!--
  table { 
    font-family:courier new; 
    background-color:ivory;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #00bfff ändert.

<style type="text/css"><!--
  table: hover { 
    background-color: #00bfff;
  }
//-->
</style>

Mehr zu table lesen Sie in Tabellen in HTML. Weiteres zum hier genutzten HTML-Tag table erfahren Sie in der HTML Referenz unter <table>.