Ressourcen: 120 HTML Farbnamen - Kombination von Farbe linen und Farbwert #ff6347

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 linen			Schriftfarbwert #ff6347
Detail	:	Hintergrund linen	Detail	:	Schrift #ff6347
Farbe	:	linen	Farbwert	:	#ff6347
Farbwert	:	#faf0e6	Farbe	:	tomato
HTML	:	linen	HTML	:	#ff6347
HTML (Wert)	:	#faf0e6	HTML (Wert)	:	#ff6347
CSS	:	linen	CSS	:	#ff6347
CSS (Wert)	:	#faf0e6	CSS (Wert)	:	#ff6347
CSS (kürzest)	:	#faf0e6	CSS (kürzest)	:	#ff6347
CSS (RGB)	:	rgb(250,240,230)	CSS (RGB)	:	rgb(255,99,71)
CSS (%RGB)	:	rgb(98%,94%,90%)	CSS (%RGB)	:	rgb(100%,38%,27%)

Verlauf Hintergrundfarbe linen nach Schriftfarbwert #ff6347
#faf0e6	#fadbcf	#fbc7b8	#fcb3a1	#fc9f8b	#fd8b74	#fe775d	#ff6347
#faf0e6	#fadbcf	#fbc7b8	#fcb3a1	#fc9f8b	#fd8b74	#fe775d	#ff6347

Kombination von linen und #ff6347
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ff6347 und linen beträgt 87.53%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.47%. #ff6347 eignet sich nicht als Schriftfarbe auf Hintergrund linen. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe linen				Schriftfarbwert #ff6347
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faf0e6	#faf0e6	#faf0e6	#faf0e6	#ff6347	#ff6347	#ff6347	#ff6347
#faf2e9	#faf2e9	#d6cdc5	#d6cdc5	#ff7961	#ff7961	#da543c	#da543c
#fbf4ed	#fbf4ed	#b2aba4	#b2aba4	#ff8f7b	#ff8f7b	#b64632	#b64632
#fcf6f0	#fcf6f0	#8e8983	#8e8983	#ffa595	#ffa595	#913828	#913828
#fcf8f4	#fcf8f4	#6b6662	#6b6662	#ffbcb0	#ffbcb0	#6d2a1e	#6d2a1e
#fdfaf7	#fdfaf7	#474441	#474441	#ffd2ca	#ffd2ca	#481c14	#481c14
#fefcfb	#fefcfb	#232220	#232220	#ffe8e4	#ffe8e4	#240e0a	#240e0a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe linen und Farbwert #ff6347

Wechsel der Textfarbe bei Hover von Tag p

Die Textfarbe soll sich von Farbe linen auf Farbwert #ff6347 ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst die Formatierung von <p> in Farbe linen vor.

Zum Beispiel legen wir bei <p> die Textfarbe auf Farbe linen fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart setzen wir auf arial. Die Größe der Schrift setzen wir auf 13px.

<style type="text/css"><!--
  p { 
    color:linen; 
    font-size:13px; 
    font-family:arial;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ff6347 geändert wird.

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

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum hier verwendeten Tag <p>.

Wechsel der Umrandung bei Hover bei HTML-Tag dfn

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

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

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

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #ff6347 geändert wird.

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

Mehr zum Thema können Sie in Text in HTML erfahren. Der hier gezeigte Befehl dfn ist in der HTML Referenz bei <dfn> genau gezeigt.