Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lavenderblush und Farbwert #6495ed

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 lavenderblush			Schriftfarbwert #6495ed
Detail	:	Hintergrund lavenderblush	Detail	:	Schrift #6495ed
Farbe	:	lavenderblush	Farbwert	:	#6495ed
Farbwert	:	#fff0f5	Farbe	:	cornflowerblue
HTML	:	lavenderblush	HTML	:	#6495ed
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#6495ed
CSS	:	lavenderblush	CSS	:	#6495ed
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbe lavenderblush nach Schriftfarbwert #6495ed
#fff0f5	#e8e3f3	#d2d6f2	#bcc9f1	#a6bcf0	#90afef	#7aa2ee	#6495ed
#fff0f5	#e8e3f3	#d2d6f2	#bcc9f1	#a6bcf0	#90afef	#7aa2ee	#6495ed

Kombination von lavenderblush und #6495ed
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund lavenderblush ist #6495ed ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit von #6495ed und lavenderblush ergibt sich zu 87.17%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 12.83%.

Hintergrundfarbe lavenderblush				Schriftfarbwert #6495ed
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#6495ed	#6495ed	#6495ed	#6495ed
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#90b3f2	#90b3f2	#476aa9	#476aa9
#fff6f9	#fff6f9	#91898c	#91898c	#a6c2f4	#a6c2f4	#395587	#395587
#fff8fa	#fff8fa	#6d6669	#6d6669	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#fffafc	#fffafc	#484446	#484446	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#fffcfd	#fffcfd	#242223	#242223	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lavenderblush und Farbwert #6495ed

Zebra-Effekt mit Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem Zebra-Effekt. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbe lavenderblush und Farbwert #6495ed.

<style type="text/css"><!--
  th.odd { 
    background-color:lavenderblush;
  }
  th.even { 
    background-color:#6495ed;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr><td class="odd">CA/A</td><td class="even">CB/A</td><td class="odd">CC/A</td></tr>
<tr><td class="odd">CA/B</td><td class="even">CB/B</td><td class="odd">CC/B</td></tr>
<tr><td class="odd">CA/C</td><td class="even">CB/C</td><td class="odd">CC/C</td></tr>
</table>

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

Wechsel der Textfarbe bei Hover von HTML-Befehl option

Die Textfarbe soll sich von Farbe lavenderblush auf Farbwert #6495ed ändern, wenn man mit der Maus auf <option> zeigt. Wir bereiten zunächst eine Darstellung von <option> in Farbe lavenderblush vor.

Wir legen z.B. Farbe lavenderblush als Textfarbe von <option> fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  option { 
    font-family:sans-serif; 
    color:lavenderblush;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #6495ed gesetzt wird.

<style type="text/css"><!--
  option: hover { 
    color: #6495ed;
  }
//-->
</style>

Weiteres zum Thema option erfahren Sie in Formulare in HTML. Einzelheiten vom Tag option sind in der HTML Referenz unter <option> gezeigt.