Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #dc143c und Farbwert #fff8dc

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.

Hintergrundfarbwert #dc143c			Schriftfarbwert #fff8dc
Detail	:	Hintergrund #dc143c	Detail	:	Schrift #fff8dc
Farbwert	:	#dc143c	Farbwert	:	#fff8dc
Farbe	:	crimson	Farbe	:	cornsilk
HTML	:	#dc143c	HTML	:	#fff8dc
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#fff8dc
CSS	:	#dc143c	CSS	:	#fff8dc
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbwert #dc143c nach Schriftfarbwert #fff8dc
#dc143c	#e13452	#e65569	#eb7580	#f09697	#f5b6ae	#fad7c5	#fff8dc
#dc143c	#e13452	#e65569	#eb7580	#f09697	#f5b6ae	#fad7c5	#fff8dc

Kombination von #dc143c und #fff8dc
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.				#fff8dc ist nicht als Schriftfarbe auf Hintergrund #dc143c geeignet, da der Unterschied in den Farben zu gering ist Die Ähnlichkeit von #fff8dc und #dc143c ergibt sich zu 77.70%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 22.30%.

Hintergrundfarbwert #dc143c				Schriftfarbwert #fff8dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#e13557	#e13557	#bc1133	#bc1133	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#e65773	#e65773	#9d0e2a	#9d0e2a	#fffae6	#fffae6	#b6b19d	#b6b19d
#eb788f	#eb788f	#7d0b22	#7d0b22	#fffbeb	#fffbeb	#918d7d	#918d7d
#f09aab	#f09aab	#5e0819	#5e0819	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#fffdf5	#fffdf5	#48463e	#48463e
#fadde3	#fadde3	#1f0208	#1f0208	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dc143c und Farbwert #fff8dc

Wechsel der Textfarbe bei Hover bei Tag del

Die Textfarbe soll sich von Farbwert #dc143c auf Farbwert #fff8dc ändern, wenn man mit der Maus auf <del> zeigt. Bereiten wir zunächst die Darstellung von <del> in Farbwert #dc143c vor.

Wir legen für dieses Beispiel die Textfarbe von <del> auf Farbwert #dc143c fest.

<style type="text/css"><!--
  del { 
    color: #dc143c;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf #fff8dc ändert.

<style type="text/css"><!--
  del: hover { 
    color: #fff8dc;
  }
//-->
</style>

Weiteres zum hier genutzten Tag del erfahren Sie in der HTML Referenz unter <del>.

Zebra-Effekt mit Befehl th

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbwert #dc143c und Farbwert #fff8dc.

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

Diese werden abwechselnd verwendet.

<table>
<tr><td class="odd">Ea,a</td><td class="even">Eb,a</td><td class="odd">Ec,a</td></tr>
<tr><td class="odd">Ea,b</td><td class="even">Eb,b</td><td class="odd">Ec,b</td></tr>
<tr><td class="odd">Ea,c</td><td class="even">Eb,c</td><td class="odd">Ec,c</td></tr>
</table>

Mehr zum Thema th lesen Sie in Tabellen in HTML. Zur Beschreibung vom hier gezeigten HTML-Tag <th>.