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

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 oldlace			Schriftfarbwert #dc143c
Detail	:	Hintergrund oldlace	Detail	:	Schrift #dc143c
Farbe	:	oldlace	Farbwert	:	#dc143c
Farbwert	:	#fdf5e6	Farbe	:	crimson
HTML	:	oldlace	HTML	:	#dc143c
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#dc143c
CSS	:	oldlace	CSS	:	#dc143c
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbe oldlace nach Schriftfarbwert #dc143c
#fdf5e6	#f8d4cd	#f3b4b5	#ee949d	#ea7484	#e5546c	#e03454	#dc143c
#fdf5e6	#f8d4cd	#f3b4b5	#ee949d	#ea7484	#e5546c	#e03454	#dc143c

Kombination von oldlace und #dc143c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#dc143c eignet sich nicht als Schriftfarbe auf Hintergrund oldlace. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind zu ähnlich. Die Ähnlichkeit von #dc143c und oldlace ergibt sich zu 78.07%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 21.93%.

Hintergrundfarbe oldlace				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#dc143c	#dc143c	#dc143c	#dc143c
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#e13557	#e13557	#bc1133	#bc1133
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#e65773	#e65773	#9d0e2a	#9d0e2a
#fdf9f0	#fdf9f0	#908c83	#908c83	#eb788f	#eb788f	#7d0b22	#7d0b22
#fefaf4	#fefaf4	#6c6962	#6c6962	#f09aab	#f09aab	#5e0819	#5e0819
#fefcf7	#fefcf7	#484641	#484641	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#fefdfb	#fefdfb	#242320	#242320	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe oldlace und Farbwert #dc143c

Wechsel der Textfarbe bei Hover mit Tag var

Die Textfarbe soll sich von Farbe oldlace auf Farbwert #dc143c ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <var> in Farbe oldlace vor.

Als Beispiel legen wir die Textfarbe von <var> auf Farbe oldlace fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  var { 
    font-family: verdana; 
    color: oldlace;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #dc143c ändert.

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

Mehr zum Thema lesen Sie in Text in HTML. Weiteres zum Befehl var ist in der HTML Referenz bei <var> ausführlich beschrieben.

Hintergrund/Text-Kombination von Tag q

Wir ändern hier die Textfarbe von <q> auf Farbwert #dc143c und die Hintergrundfarbe von <q> auf Farbe oldlace. Als Schriftart wählen wir verdana und als Schriftgröße setzen wir 9px.

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

Einzelheiten vom hier gezeigten Tag <q>.