Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #1e90ff und Farbe lightcyan

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 #1e90ff			Schriftfarbe lightcyan
Detail	:	Hintergrund #1e90ff	Detail	:	Schrift lightcyan
Farbwert	:	#1e90ff	Farbe	:	lightcyan
Farbe	:	dodgerblue	Farbwert	:	#e0ffff
HTML	:	#1e90ff	HTML	:	lightcyan
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#e0ffff
CSS	:	#1e90ff	CSS	:	lightcyan
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbwert #1e90ff nach Schriftfarbe lightcyan
#1e90ff	#399fff	#55afff	#71bfff	#8ccfff	#a8dfff	#c4efff	#e0ffff
#1e90ff	#399fff	#55afff	#71bfff	#8ccfff	#a8dfff	#c4efff	#e0ffff

Kombination von #1e90ff und lightcyan
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.				Die Ähnlichkeit der Farben lightcyan und #1e90ff ergibt sich zu 85.38%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 14.62%. lightcyan ist nicht als Schriftfarbe auf Hintergrund #1e90ff geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #1e90ff				Schriftfarbe lightcyan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#3e9fff	#3e9fff	#197bda	#197bda	#e4ffff	#e4ffff	#c0dada	#c0dada
#5eafff	#5eafff	#1566b6	#1566b6	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#7ebfff	#7ebfff	#115291	#115291	#edffff	#edffff	#809191	#809191
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#f1ffff	#f1ffff	#606d6d	#606d6d
#bedfff	#bedfff	#082948	#082948	#f6ffff	#f6ffff	#404848	#404848
#deefff	#deefff	#041424	#041424	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #1e90ff und Farbe lightcyan

Wechsel der Umrandung bei Hover mit HTML-Befehl em

Die Rahmenfarbe soll sich von Farbwert #1e90ff auf Farbe lightcyan ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <em> in Farbwert #1e90ff vor.

In diesem Beispiel umranden wir <em> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbwert #1e90ff.

<style type="text/css"><!--
  em { border:2px ridge #1e90ff; }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf lightcyan geändert wird.

<style type="text/css"><!--
  em:hover { 
    border-color:lightcyan;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML nachlesen. Weiteres zum hier gezeigten HTML-Tag em erfahren Sie in der HTML Referenz unter <em>.

Zebra-Effekt mit HTML-Befehl tr

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbwert #1e90ff und Farbe lightcyan.

<style type="text/css"><!--
  tr.ungerade { 
    background-color: #1e90ff;
  }
  tr.gerade { 
    background-color:lightcyan;
  }
//-->
</style>

Diese werden abwechselnd genutzt.

<table>
<tr class="ungerade"><td><tt>a-a</td><td></tt>b-a</td><td><tt>c-a</td></tr>
<tr class="gerade"><td></tt>a-b</td><td><tt>b-b</td><td></tt>c-b</td></tr>
<tr class="ungerade"><td><tt>a-c</td><td></tt>b-c</td><td>@c-c</td></tr>
</table>

Mehr zu tr lesen Sie in Tabellen in HTML. Der Tag tr ist in der HTML Referenz unter <tr> genau beschrieben.