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

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 rosybrown			Schriftfarbwert #ffffe0
Detail	:	Hintergrund rosybrown	Detail	:	Schrift #ffffe0
Farbe	:	rosybrown	Farbwert	:	#ffffe0
Farbwert	:	#bc8f8f	Farbe	:	lightyellow
HTML	:	rosybrown	HTML	:	#ffffe0
HTML (Wert)	:	#bc8f8f	HTML (Wert)	:	#ffffe0
CSS	:	rosybrown	CSS	:	#ffffe0
CSS (Wert)	:	#bc8f8f	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#bc8f8f	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(188,143,143)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(73%,56%,56%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbe rosybrown nach Schriftfarbwert #ffffe0
#bc8f8f	#c59f9a	#cfafa6	#d8bfb1	#e2cfbd	#ebdfc8	#f5efd4	#ffffe0
#bc8f8f	#c59f9a	#cfafa6	#d8bfb1	#e2cfbd	#ebdfc8	#f5efd4	#ffffe0

Kombination von rosybrown und #ffffe0
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #ffffe0 und rosybrown ergibt sich zu 86.84%. Die Lesbarkeit dieser Farbkombination liegt damit bei 13.16%. #ffffe0 eignet sich nicht als Schriftfarbe auf Hintergrund rosybrown. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe rosybrown				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#c59f9f	#c59f9f	#a17a7a	#a17a7a	#ffffe4	#ffffe4	#dadac0	#dadac0
#cfafaf	#cfafaf	#866666	#866666	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#d8bfbf	#d8bfbf	#6b5151	#6b5151	#ffffed	#ffffed	#919180	#919180
#e2cfcf	#e2cfcf	#503d3d	#503d3d	#fffff1	#fffff1	#6d6d60	#6d6d60
#ebdfdf	#ebdfdf	#352828	#352828	#fffff6	#fffff6	#484840	#484840
#f5efef	#f5efef	#1a1414	#1a1414	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe rosybrown und Farbwert #ffffe0

Wechsel der Umrandung bei Hover bei Befehl iframe

Die Rahmenfarbe soll sich von Farbe rosybrown auf Farbwert #ffffe0 ändern, wenn man mit der Maus auf <iframe> zeigt. Wir bereiten zunächst eine Darstellung von <iframe> in Farbe rosybrown vor.

In diesem Beispiel umranden wir <iframe> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbe rosybrown.

<style type="text/css"><!--
  iframe { border:1px inset rosybrown; }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #ffffe0 gesetzt wird.

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

Der hier gezeigte Befehl iframe ist in der HTML Referenz unter <iframe> ausführlich zusammengestellt.

Wechsel der Textfarbe bei Hover von Befehl del

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

Wir legen hier bei <del> die Textfarbe auf Farbe rosybrown fest und setzen die Schriftgröße auf 93%.

<style type="text/css"><!--
  del { 
    font-size:93%; 
    color:rosybrown;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #ffffe0 ändert.

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

Die Beschreibung des hier gezeigten HTML-Befehl del finden Sie in der HTML Referenz unter <del>.