Ressourcen: 120 HTML Farbnamen - Kombination von Farbe crimson und Farbe moccasin

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 crimson			Schriftfarbe moccasin
Detail	:	Hintergrund crimson	Detail	:	Schrift moccasin
Farbe	:	crimson	Farbe	:	moccasin
Farbwert	:	#dc143c	Farbwert	:	#ffe4b5
HTML	:	crimson	HTML	:	moccasin
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#ffe4b5
CSS	:	crimson	CSS	:	moccasin
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbe moccasin
#dc143c	#e1314d	#e64f5e	#eb6d6f	#f08a81	#f5a892	#fac6a3	#ffe4b5
#dc143c	#e1314d	#e64f5e	#eb6d6f	#f08a81	#f5a892	#fac6a3	#ffe4b5

Kombination von crimson und moccasin
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund crimson ist moccasin ungeeignet. Zwar ist der Helligkeitsunterschied ausreichend, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben moccasin und crimson ergibt sich zu 80.75%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 19.25%.

Hintergrundfarbe crimson				Schriftfarbe moccasin
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#e13557	#e13557	#bc1133	#bc1133	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#e65773	#e65773	#9d0e2a	#9d0e2a	#ffebca	#ffebca	#b6a281	#b6a281
#eb788f	#eb788f	#7d0b22	#7d0b22	#ffefd4	#ffefd4	#918267	#918267
#f09aab	#f09aab	#5e0819	#5e0819	#fff3df	#fff3df	#6d614d	#6d614d
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#fff7e9	#fff7e9	#484133	#484133
#fadde3	#fadde3	#1f0208	#1f0208	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbe moccasin

Hintergrund/Text-Kombination mit Befehl cite

Hier ändern wir die Textfarbe von <cite> auf Farbe moccasin und die Hintergrundfarbe von <cite> auf Farbe crimson. Die Schriftart setzen wir auf courier new. Die Schriftgröße setzen wir auf 14pt.

<style type="text/css"><!--
  cite { 
    font-size:14pt; 
    font-family:courier new; 
    color:moccasin; 
    background-color:crimson;
  }
//-->
</style>

Möglichkeiten des hier genutzten Tag cite sind in der HTML Referenz bei <cite> ausführlich zusammengestellt.

Wechsel der Textfarbe bei Hover bei Befehl dd

Die Textfarbe soll sich von Farbe crimson auf Farbe moccasin ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <dd> in Farbe crimson vor.

Wir legen hier Farbe crimson als Textfarbe von <dd> fest.

<style type="text/css"><!--
  dd { 
    color:crimson;
  }
//-->
</style>

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

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

Mehr zum Thema können Sie in Listen und Glossare in HTML lesen. Der HTML-Tag dd ist in der HTML Referenz bei <dd> ausführlich gezeigt.