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

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 #ff7f50			Schriftfarbe darkgoldenrod
Detail	:	Hintergrund #ff7f50	Detail	:	Schrift darkgoldenrod
Farbwert	:	#ff7f50	Farbe	:	darkgoldenrod
Farbe	:	coral	Farbwert	:	#b8860b
HTML	:	#ff7f50	HTML	:	darkgoldenrod
HTML (Wert)	:	#ff7f50	HTML (Wert)	:	#b8860b
CSS	:	#ff7f50	CSS	:	darkgoldenrod
CSS (Wert)	:	#ff7f50	CSS (Wert)	:	#b8860b
CSS (kürzest)	:	#ff7f50	CSS (kürzest)	:	#b8860b
CSS (RGB)	:	rgb(255,127,80)	CSS (RGB)	:	rgb(184,134,11)
CSS (%RGB)	:	rgb(100%,49%,31%)	CSS (%RGB)	:	rgb(72%,52%,4%)

Verlauf Hintergrundfarbwert #ff7f50 nach Schriftfarbe darkgoldenrod
#ff7f50	#f48046	#ea813c	#e08232	#d68328	#cc841e	#c28514	#b8860b
#ff7f50	#f48046	#ea813c	#e08232	#d68328	#cc841e	#c28514	#b8860b

Kombination von #ff7f50 und darkgoldenrod
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben darkgoldenrod und #ff7f50 ergibt sich zu 93.80%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.20%. darkgoldenrod eignet sich nicht als Schriftfarbe auf Hintergrund #ff7f50. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #ff7f50				Schriftfarbe darkgoldenrod
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff7f50	#ff7f50	#ff7f50	#ff7f50	#b8860b	#b8860b	#b8860b	#b8860b
#ff9169	#ff9169	#da6c44	#da6c44	#c2972d	#c2972d	#9d7209	#9d7209
#ffa382	#ffa382	#b65a39	#b65a39	#cca850	#cca850	#835f07	#835f07
#ffb59b	#ffb59b	#91482d	#91482d	#d6b973	#d6b973	#694c06	#694c06
#ffc8b4	#ffc8b4	#6d3622	#6d3622	#e0cb96	#e0cb96	#4e3904	#4e3904
#ffdacd	#ffdacd	#482416	#482416	#eadcb9	#eadcb9	#342603	#342603
#ffece6	#ffece6	#24120b	#24120b	#f4eddc	#f4eddc	#1a1301	#1a1301
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff7f50 und Farbe darkgoldenrod

Füllen und Umranden von Tag img

Bei diesem Beispiel umranden wir <img> mit einem doppelten, 3 Punkte dicken Rahmen in Farbe darkgoldenrod . Den Hintergrund von <img> färben wir entsprechend mit Farbwert #ff7f50. In HTML geht das nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  img { border:3pt double darkgoldenrod; background-color:#ff7f50; }
//-->
</style>

Weiteres zu img können Sie in Grafik in HTML erfahren. Mehr zum HTML-Tag img ist in der HTML Referenz unter <img> ausführlich beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl form

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

Wir setzen für dieses Beispiel die Hintergrundfarbe von <form> auf Farbwert #ff7f50. Zwar ändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift ändern wir auf 13px:

<style type="text/css"><!--
  form { 
    font-family:verdana; 
    font-size:13px; 
    background-color:#ff7f50;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu darkgoldenrod ändert.

<style type="text/css"><!--
  form: hover { 
    background-color: darkgoldenrod;
  }
//-->
</style>

Mehr zum Thema form können Sie in Formulare in HTML erfahren. Einzelheiten vom Befehl form finden Sie in der HTML Referenz unter <form>.