Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dc143c und Farbe navajowhite

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 #dc143c			Schriftfarbe navajowhite
Detail	:	Hintergrund #dc143c	Detail	:	Schrift navajowhite
Farbwert	:	#dc143c	Farbe	:	navajowhite
Farbe	:	crimson	Farbwert	:	#ffdead
HTML	:	#dc143c	HTML	:	navajowhite
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#ffdead
CSS	:	#dc143c	CSS	:	navajowhite
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#ffdead
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#ffdead
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(255,222,173)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(100%,87%,67%)

Verlauf Hintergrundfarbwert #dc143c nach Schriftfarbe navajowhite
#dc143c	#e1304c	#e64d5c	#eb6a6c	#f0877c	#f5a48c	#fac19c	#ffdead
#dc143c	#e1304c	#e64d5c	#eb6a6c	#f0877c	#f5a48c	#fac19c	#ffdead

Kombination von #dc143c und navajowhite
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von navajowhite und #dc143c ergibt sich zu 81.55%. Die Lesbarkeit dieser Farbkombination liegt damit bei 18.45%. navajowhite ist nicht als Schriftfarbe auf Hintergrund #dc143c geeignet, da der Unterschied in den Farben nicht ausreichend ist

Hintergrundfarbwert #dc143c				Schriftfarbe navajowhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#ffdead	#ffdead	#ffdead	#ffdead
#e13557	#e13557	#bc1133	#bc1133	#ffe2b8	#ffe2b8	#dabe94	#dabe94
#e65773	#e65773	#9d0e2a	#9d0e2a	#ffe7c4	#ffe7c4	#b69e7b	#b69e7b
#eb788f	#eb788f	#7d0b22	#7d0b22	#ffecd0	#ffecd0	#917e62	#917e62
#f09aab	#f09aab	#5e0819	#5e0819	#fff0db	#fff0db	#6d5f4a	#6d5f4a
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#fff5e7	#fff5e7	#483f31	#483f31
#fadde3	#fadde3	#1f0208	#1f0208	#fffaf3	#fffaf3	#241f18	#241f18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dc143c und Farbe navajowhite

Hintergrund/Text-Kombination mit Befehl a

Mit Tag <a> setzen Sie einen Link. Diesen können Sie hervorheben und farblich gestalten.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbe navajowhite und die Hintergrundfarbe von <a> auf Farbwert #dc143c. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  a { 
    color:navajowhite; 
    background-color:#dc143c; 
    font-size:13px; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Möglichkeiten vom Befehl a sind in der HTML Referenz unter <a> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit Tag cite

Die Hintergrundfarbe soll sich von Farbwert #dc143c auf Farbe navajowhite ändern, wenn man mit der Maus auf <cite> zeigt. Wir bereiten zunächst eine Formatierung von <cite> in Farbwert #dc143c vor.

Wir legen in diesem Beispiel bei <cite> die Hintergrundfarbe auf Farbwert #dc143c fest. Die Textfarbe ändern wir nicht, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift setzen wir auf 9px.

<style type="text/css"><!--
  cite { 
    background-color: #dc143c; 
    font-size: 9px; 
    font-family: verdana;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf navajowhite ändert.

<style type="text/css"><!--
  cite: hover { 
    background-color: navajowhite;
  }
//-->
</style>

Möglichkeiten vom Tag cite lesen Sie in der HTML Referenz unter <cite>.