Ressourcen: 137 HTML Farbnamen - Kombination von Farbe sandybrown und Farbwert #f0fff0

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe sandybrown			Schriftfarbwert #f0fff0
Detail	:	Hintergrund sandybrown	Detail	:	Schrift #f0fff0
Farbe	:	sandybrown	Farbwert	:	#f0fff0
Farbwert	:	#f4a460	Farbe	:	honeydew
HTML	:	sandybrown	HTML	:	#f0fff0
HTML (Wert)	:	#f4a460	HTML (Wert)	:	#f0fff0
CSS	:	sandybrown	CSS	:	#f0fff0
CSS (Wert)	:	#f4a460	CSS (Wert)	:	#f0fff0
CSS (kürzest)	:	#f4a460	CSS (kürzest)	:	#f0fff0
CSS (RGB)	:	rgb(244,164,96)	CSS (RGB)	:	rgb(240,255,240)
CSS (%RGB)	:	rgb(95%,64%,37%)	CSS (%RGB)	:	rgb(94%,100%,94%)

Verlauf Hintergrundfarbe sandybrown nach Schriftfarbwert #f0fff0
#f4a460	#f3b174	#f2be89	#f2cb9d	#f1d8b2	#f1e5c6	#f0f2db	#f0fff0
#f4a460	#f3b174	#f2be89	#f2cb9d	#f1d8b2	#f1e5c6	#f0f2db	#f0fff0

Kombination von sandybrown und #f0fff0
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#f0fff0 eignet sich nicht als Schriftfarbe auf Hintergrund sandybrown. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #f0fff0 und sandybrown beträgt 90.65%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 9.35%.

Hintergrundfarbe sandybrown				Schriftfarbwert #f0fff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f4a460	#f4a460	#f4a460	#f4a460	#f0fff0	#f0fff0	#f0fff0	#f0fff0
#f5b176	#f5b176	#d18c52	#d18c52	#f2fff2	#f2fff2	#cddacd	#cddacd
#f7be8d	#f7be8d	#ae7544	#ae7544	#f4fff4	#f4fff4	#abb6ab	#abb6ab
#f8cba4	#f8cba4	#8b5d36	#8b5d36	#f6fff6	#f6fff6	#899189	#899189
#fad8ba	#fad8ba	#684629	#684629	#f8fff8	#f8fff8	#666d66	#666d66
#fbe5d1	#fbe5d1	#452e1b	#452e1b	#fafffa	#fafffa	#444844	#444844
#fdf2e8	#fdf2e8	#22170d	#22170d	#fcfffc	#fcfffc	#222422	#222422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe sandybrown und Farbwert #f0fff0

Füllen und Umranden bei Tag textarea

In diesem Beispiel umranden wir <textarea> mit einem gepunkteten, 4 Pixel dicken Rahmen in Farbwert #f0fff0 . Den Hintergrund von <textarea> setzen wir auf Farbe sandybrown. Dies geht mit HTML nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  textarea { 
    background-color:sandybrown; 
    border-width:4px; 
    border-color:#f0fff0; 
    border-style:dotted;
  }
//-->
</style>

Mehr zu textarea können Sie in Formulare in HTML finden. Möglichkeiten des hier verwendeten Tag textarea sind in der HTML Referenz unter <textarea> genau gezeigt.

Wechsel der Textfarbe bei Hover bei Befehl thead

Die Textfarbe soll sich von Farbe sandybrown auf Farbwert #f0fff0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <thead> in Farbe sandybrown vor.

Wir legen z.B. die Textfarbe von <thead> auf Farbe sandybrown fest.

<style type="text/css"><!--
  thead { 
    color: sandybrown;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #f0fff0 gesetzt wird.

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

Mehr zum Thema thead erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Tag thead ist in der HTML Referenz unter <thead> ausführlich zusammengestellt.