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

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 #ff6347			Schriftfarbwert #fffacd
Detail	:	Hintergrund #ff6347	Detail	:	Schrift #fffacd
Farbwert	:	#ff6347	Farbwert	:	#fffacd
Farbe	:	tomato	Farbe	:	lemonchiffon
HTML	:	#ff6347	HTML	:	#fffacd
HTML (Wert)	:	#ff6347	HTML (Wert)	:	#fffacd
CSS	:	#ff6347	CSS	:	#fffacd
CSS (Wert)	:	#ff6347	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#ff6347	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(255,99,71)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(100%,38%,27%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbwert #ff6347 nach Schriftfarbwert #fffacd
#ff6347	#ff785a	#ff8e6d	#ffa380	#ffb993	#ffcea6	#ffe4b9	#fffacd
#ff6347	#ff785a	#ff8e6d	#ffa380	#ffb993	#ffcea6	#ffe4b9	#fffacd

Kombination von #ff6347 und #fffacd
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				#fffacd eignet sich nicht als Schriftfarbe auf Hintergrund #ff6347. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit der Farben #fffacd und #ff6347 ergibt sich zu 86.77%. Die Lesbarkeit dieser Kombination ergibt sich zu 13.23%.

Hintergrundfarbwert #ff6347				Schriftfarbwert #fffacd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff6347	#ff6347	#ff6347	#ff6347	#fffacd	#fffacd	#fffacd	#fffacd
#ff7961	#ff7961	#da543c	#da543c	#fffad4	#fffad4	#dad6af	#dad6af
#ff8f7b	#ff8f7b	#b64632	#b64632	#fffbdb	#fffbdb	#b6b292	#b6b292
#ffa595	#ffa595	#913828	#913828	#fffce2	#fffce2	#918e75	#918e75
#ffbcb0	#ffbcb0	#6d2a1e	#6d2a1e	#fffce9	#fffce9	#6d6b57	#6d6b57
#ffd2ca	#ffd2ca	#481c14	#481c14	#fffdf0	#fffdf0	#48473a	#48473a
#ffe8e4	#ffe8e4	#240e0a	#240e0a	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff6347 und Farbwert #fffacd

Wechsel der Umrandung bei Hover von Tag dfn

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

In diesem Beispiel umranden wir <dfn> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #ff6347.

<style type="text/css"><!--
  dfn { border:2px inset #ff6347; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #fffacd ändert.

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

Weiteres zu dfn lesen Sie in Text in HTML. Weiteres zum hier genutzten HTML-Befehl dfn erfahren Sie in der HTML Referenz unter <dfn>.

Füllen und Umranden mit Tag img

Für dieses Beispiel umranden wir <img> mit einem doppelten, 2 Pixel dicken Rahmen in Farbwert #fffacd . Die Hintergrundfarbe für <img> färben wir entsprechend mit Farbwert #ff6347. In HTML geht das nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  img { 
    border-style: double; 
    border-width: 2px; 
    border-color: #fffacd; 
    background-color: #ff6347;
  }
//-->
</style>

Weiteres zu img können Sie in Grafik in HTML lesen. Weiteres zum hier genutzten Tag img ist in der HTML Referenz unter <img> zusammengestellt.