Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkviolet und Farbwert #f08080

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe darkviolet			Schriftfarbwert #f08080
Detail	:	Hintergrund darkviolet	Detail	:	Schrift #f08080
Farbe	:	darkviolet	Farbwert	:	#f08080
Farbwert	:	#9400d3	Farbe	:	lightcoral
HTML	:	darkviolet	HTML	:	#f08080
HTML (Wert)	:	#9400d3	HTML (Wert)	:	#f08080
CSS	:	darkviolet	CSS	:	#f08080
CSS (Wert)	:	#9400d3	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#9400d3	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(148,0,211)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(58%,0%,82%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbe darkviolet nach Schriftfarbwert #f08080
#9400d3	#a112c7	#ae24bb	#bb36af	#c849a3	#d55b97	#e26d8b	#f08080
#9400d3	#a112c7	#ae24bb	#bb36af	#c849a3	#d55b97	#e26d8b	#f08080

Kombination von darkviolet und #f08080
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund darkviolet ist #f08080 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #f08080 und darkviolet beträgt 87.94%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 12.06%.

Hintergrundfarbe darkviolet				Schriftfarbwert #f08080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9400d3	#9400d3	#9400d3	#9400d3	#f08080	#f08080	#f08080	#f08080
#a324d9	#a324d9	#7e00b4	#7e00b4	#f29292	#f29292	#cd6d6d	#cd6d6d
#b248df	#b248df	#690096	#690096	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#c16de5	#c16de5	#540078	#540078	#f6b6b6	#f6b6b6	#894949	#894949
#d191ec	#d191ec	#3f005a	#3f005a	#f8c8c8	#f8c8c8	#663636	#663636
#e0b6f2	#e0b6f2	#2a003c	#2a003c	#fadada	#fadada	#442424	#442424
#efdaf8	#efdaf8	#15001e	#15001e	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkviolet und Farbwert #f08080

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl pre

Die Hintergrundfarbe soll sich von Farbe darkviolet auf Farbwert #f08080 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <pre> in Farbe darkviolet vor.

Für dieses Beispiel legen wir bei <pre> die Hintergrundfarbe auf Farbe darkviolet fest:

<style type="text/css"><!--
  pre { 
    background-color: darkviolet;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #f08080 gesetzt wird.

<style type="text/css"><!--
  pre:hover { 
    background-color:#f08080;
  }
//-->
</style>

Mehr zu pre erfahren Sie in Blockorientierte Elemente in HTML. Beschreibung vom hier gezeigten HTML-Befehl <pre>.

Zebra-Effekt von Befehl tr

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit den Hintergrundfarben Farbe darkviolet und Farbwert #f08080.

<style type="text/css"><!--
  tr.yang { 
    background-color:darkviolet;
  }
  tr.ying { 
    background-color:#f08080;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="yang"><td>CA,A</td><td>CB,A</td><td>CC,A</td></tr>
<tr class="ying"><td>CA,B</td><td>CB,B</td><td>CC,B</td></tr>
<tr class="yang"><td>CA,C</td><td>CB,C</td><td>CC,C</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML lesen. Weiteres zum Befehl <tr>.