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

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 linen			Schriftfarbwert #dc143c
Detail	:	Hintergrund linen	Detail	:	Schrift #dc143c
Farbe	:	linen	Farbwert	:	#dc143c
Farbwert	:	#faf0e6	Farbe	:	crimson
HTML	:	linen	HTML	:	#dc143c
HTML (Wert)	:	#faf0e6	HTML (Wert)	:	#dc143c
CSS	:	linen	CSS	:	#dc143c
CSS (Wert)	:	#faf0e6	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#faf0e6	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(250,240,230)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(98%,94%,90%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbe linen nach Schriftfarbwert #dc143c
#faf0e6	#f5d0cd	#f1b1b5	#ed919d	#e87284	#e4526c	#e03354	#dc143c
#faf0e6	#f5d0cd	#f1b1b5	#ed919d	#e87284	#e4526c	#e03354	#dc143c

Kombination von linen und #dc143c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in.				#dc143c ist nicht als Schriftfarbe auf Hintergrund linen geeignet, da die Farben zu ähnlich sind. Die Ähnlichkeit von #dc143c und linen ergibt sich zu 78.87%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 21.13%.

Hintergrundfarbe linen				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faf0e6	#faf0e6	#faf0e6	#faf0e6	#dc143c	#dc143c	#dc143c	#dc143c
#faf2e9	#faf2e9	#d6cdc5	#d6cdc5	#e13557	#e13557	#bc1133	#bc1133
#fbf4ed	#fbf4ed	#b2aba4	#b2aba4	#e65773	#e65773	#9d0e2a	#9d0e2a
#fcf6f0	#fcf6f0	#8e8983	#8e8983	#eb788f	#eb788f	#7d0b22	#7d0b22
#fcf8f4	#fcf8f4	#6b6662	#6b6662	#f09aab	#f09aab	#5e0819	#5e0819
#fdfaf7	#fdfaf7	#474441	#474441	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#fefcfb	#fefcfb	#232220	#232220	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe linen und Farbwert #dc143c

Füllen und Umranden bei HTML-Tag center

Bei diesem Beispiel umranden wir <center> mit einem einfallenden, 1 Pixel dicken Rahmen in Farbwert #dc143c . Den Hintergrund von <center> färben wir mit Farbe linen. In HTML ist das kaum machbar. Wir verwenden daher CSS.

<style type="text/css"><!--
  center { 
    border-color:#dc143c; 
    border-style:inset; 
    border-width:1px; 
    background-color:linen;
  }
//-->
</style>

Mehr zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum Befehl center finden Sie in der HTML Referenz unter <center>.

Wechsel der Umrandung bei Hover mit Tag dd

Die Rahmenfarbe soll sich von Farbe linen auf Farbwert #dc143c ändern, wenn man mit der Maus auf <dd> zeigt. Wir bereiten zunächst die Formatierung von <dd> in Farbe linen vor.

In diesem Beispiel umranden wir <dd> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbe linen.

<style type="text/css"><!--
  dd { 
    border-width: 1px; 
    border-style: outset; 
    border-color: linen;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #dc143c geändert wird.

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML lesen. Einzelheiten des hier verwendeten HTML-Tag dd sind in der HTML Referenz unter <dd> genau beschrieben.