Ressourcen: 120 HTML Farbnamen - Kombination von Farbe crimson und Farbwert #ff7f50

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 crimson			Schriftfarbwert #ff7f50
Detail	:	Hintergrund crimson	Detail	:	Schrift #ff7f50
Farbe	:	crimson	Farbwert	:	#ff7f50
Farbwert	:	#dc143c	Farbe	:	coral
HTML	:	crimson	HTML	:	#ff7f50
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#ff7f50
CSS	:	crimson	CSS	:	#ff7f50
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #ff7f50
#dc143c	#e1233e	#e63241	#eb4144	#f05147	#f5604a	#fa6f4d	#ff7f50
#dc143c	#e1233e	#e63241	#eb4144	#f05147	#f5604a	#fa6f4d	#ff7f50

Kombination von crimson und #ff7f50
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 der Farben #ff7f50 und crimson beträgt 90.49%. Die Lesbarkeit dieser Farbkombination liegt damit bei 9.51%. Auf Hintergrund crimson ist #ff7f50 ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe crimson				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#e13557	#e13557	#bc1133	#bc1133	#ff9169	#ff9169	#da6c44	#da6c44
#e65773	#e65773	#9d0e2a	#9d0e2a	#ffa382	#ffa382	#b65a39	#b65a39
#eb788f	#eb788f	#7d0b22	#7d0b22	#ffb59b	#ffb59b	#91482d	#91482d
#f09aab	#f09aab	#5e0819	#5e0819	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#ffdacd	#ffdacd	#482416	#482416
#fadde3	#fadde3	#1f0208	#1f0208	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbwert #ff7f50

Wechsel der Hintergrundfarbe bei Hover bei Tag li

Die Hintergrundfarbe soll sich von Farbe crimson auf Farbwert #ff7f50 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <li> in Farbe crimson vor.

Wir ändern als Beispiel die Hintergrundfarbe von <li> auf Farbe crimson.

<style type="text/css"><!--
  li { 
    background-color:crimson;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf #ff7f50 ändert.

<style type="text/css"><!--
  li:hover { 
    background-color:#ff7f50;
  }
//-->
</style>

Weiteres zum Thema li lesen Sie in Listen und Glossare in HTML. Die Beschreibung vom HTML-Befehl li finden Sie in der HTML Referenz unter <li>.

Wechsel der Textfarbe bei Hover mit Tag pre

Die Textfarbe soll sich von Farbe crimson auf Farbwert #ff7f50 ändern, wenn man mit der Maus auf <pre> zeigt. Wir bereiten zunächst die Formatierung von <pre> in Farbe crimson vor.

Wir ändern zum Beispiel die Textfarbe von <pre> auf Farbe crimson. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 117%:

<style type="text/css"><!--
  pre { 
    color: crimson; 
    font-family: courier new; 
    font-size: 117%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #ff7f50 ändert.

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

Mehr zum Thema pre finden Sie in Blockorientierte Elemente in HTML. Möglichkeiten vom hier gezeigten Befehl pre sind in der HTML Referenz unter <pre> ausführlich zusammengestellt.