Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f5f5dc und Farbe rosybrown

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 #f5f5dc			Schriftfarbe rosybrown
Detail	:	Hintergrund #f5f5dc	Detail	:	Schrift rosybrown
Farbwert	:	#f5f5dc	Farbe	:	rosybrown
Farbe	:	beige	Farbwert	:	#bc8f8f
HTML	:	#f5f5dc	HTML	:	rosybrown
HTML (Wert)	:	#f5f5dc	HTML (Wert)	:	#bc8f8f
CSS	:	#f5f5dc	CSS	:	rosybrown
CSS (Wert)	:	#f5f5dc	CSS (Wert)	:	#bc8f8f
CSS (kürzest)	:	#f5f5dc	CSS (kürzest)	:	#bc8f8f
CSS (RGB)	:	rgb(245,245,220)	CSS (RGB)	:	rgb(188,143,143)
CSS (%RGB)	:	rgb(96%,96%,86%)	CSS (%RGB)	:	rgb(73%,56%,56%)

Verlauf Hintergrundfarbwert #f5f5dc nach Schriftfarbe rosybrown
#f5f5dc	#ece6d1	#e4d7c6	#dcc9bb	#d4bab0	#ccaca5	#c49d9a	#bc8f8f
#f5f5dc	#ece6d1	#e4d7c6	#dcc9bb	#d4bab0	#ccaca5	#c49d9a	#bc8f8f

Kombination von #f5f5dc und rosybrown
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.				Die Ähnlichkeit von rosybrown und #f5f5dc beträgt 87.89%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 12.11%. rosybrown eignet sich nicht als Schriftfarbe auf Hintergrund #f5f5dc, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #f5f5dc				Schriftfarbe rosybrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc	#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f
#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc	#c59f9f	#c59f9f	#a17a7a	#a17a7a
#f7f7e6	#f7f7e6	#afaf9d	#afaf9d	#cfafaf	#cfafaf	#866666	#866666
#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d	#d8bfbf	#d8bfbf	#6b5151	#6b5151
#fafaf0	#fafaf0	#69695e	#69695e	#e2cfcf	#e2cfcf	#503d3d	#503d3d
#fcfcf5	#fcfcf5	#46463e	#46463e	#ebdfdf	#ebdfdf	#352828	#352828
#fdfdfa	#fdfdfa	#23231f	#23231f	#f5efef	#f5efef	#1a1414	#1a1414
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f5f5dc und Farbe rosybrown

Wechsel der Textfarbe bei Hover mit Tag pre

Die Textfarbe soll sich von Farbwert #f5f5dc auf Farbe rosybrown ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <pre> in Farbwert #f5f5dc vor.

Wir ändern für dieses Beispiel bei <pre> die Textfarbe auf Farbwert #f5f5dc und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  pre { 
    font-size:13px; 
    color:#f5f5dc;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf rosybrown gesetzt wird.

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

Mehr zu pre können Sie in Blockorientierte Elemente in HTML nachlesen. Weiteres zum Tag pre ist in der HTML Referenz unter <pre> beschrieben.