Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #4169e1 und Farbe lightsalmon

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 #4169e1			Schriftfarbe lightsalmon
Detail	:	Hintergrund #4169e1	Detail	:	Schrift lightsalmon
Farbwert	:	#4169e1	Farbe	:	lightsalmon
Farbe	:	royalblue	Farbwert	:	#ffa07a
HTML	:	#4169e1	HTML	:	lightsalmon
HTML (Wert)	:	#4169e1	HTML (Wert)	:	#ffa07a
CSS	:	#4169e1	CSS	:	lightsalmon
CSS (Wert)	:	#4169e1	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#4169e1	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(65,105,225)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(25%,41%,88%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbwert #4169e1 nach Schriftfarbe lightsalmon
#4169e1	#5c70d2	#7778c3	#9280b4	#ad88a6	#c89097	#e39888	#ffa07a
#4169e1	#5c70d2	#7778c3	#9280b4	#ad88a6	#c89097	#e39888	#ffa07a

Kombination von #4169e1 und lightsalmon
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von lightsalmon und #4169e1 ergibt sich zu 88.39%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 11.61%. lightsalmon ist nicht als Schriftfarbe auf Hintergrund #4169e1 geeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #4169e1				Schriftfarbe lightsalmon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4169e1	#4169e1	#4169e1	#4169e1	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#5c7ee5	#5c7ee5	#375ac0	#375ac0	#ffad8d	#ffad8d	#da8968	#da8968
#7793e9	#7793e9	#2e4ba0	#2e4ba0	#ffbba0	#ffbba0	#b67257	#b67257
#92a9ed	#92a9ed	#253c80	#253c80	#ffc8b3	#ffc8b3	#915b45	#915b45
#adbef2	#adbef2	#1b2d60	#1b2d60	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#c8d4f6	#c8d4f6	#121e40	#121e40	#ffe3d9	#ffe3d9	#482d22	#482d22
#e3e9fa	#e3e9fa	#090f20	#090f20	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #4169e1 und Farbe lightsalmon

Zebra-Effekt mit HTML-Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbwert #4169e1 und Farbe lightsalmon.

<style type="text/css"><!--
  tr.ungerade { 
    background-color: #4169e1;
  }
  tr.gerade { 
    background-color:lightsalmon;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="ungerade"><td>La/a</td><td>Lb/a</td><td>Lc/a</td></tr>
<tr class="gerade"><td>La/b</td><td>Lb/b</td><td>Lc/b</td></tr>
<tr class="ungerade"><td>La/c</td><td>Lb/c</td><td>Lc/c</td></tr>
</table>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Zur Beschreibung vom hier gezeigten Befehl <tr>.

Wechsel der Textfarbe bei Hover mit Befehl textarea

Die Textfarbe soll sich von Farbwert #4169e1 auf Farbe lightsalmon ändern, wenn man mit der Maus auf <textarea> zeigt. Wir bereiten zunächst die Formatierung von <textarea> in Farbwert #4169e1 vor.

Wir legen in diesem Beispiel Farbwert #4169e1 als Textfarbe von <textarea> fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  textarea { 
    color: #4169e1; 
    font-family: courier new;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu lightsalmon ändert.

<style type="text/css"><!--
  textarea: hover { 
    color: lightsalmon;
  }
//-->
</style>

Mehr zum Thema textarea können Sie in Formulare in HTML nachlesen. Mehr zum Befehl textarea lesen Sie in der HTML Referenz unter <textarea>.