Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fff8dc und Farbwert #808080

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.

Hintergrundfarbwert #fff8dc			Schriftfarbwert #808080
Detail	:	Hintergrund #fff8dc	Detail	:	Schrift #808080
Farbwert	:	#fff8dc	Farbwert	:	#808080
Farbe	:	cornsilk	Farbe	:	gray
HTML	:	#fff8dc	HTML	:	#808080
HTML (Wert)	:	#fff8dc	HTML (Wert)	:	#808080
CSS	:	#fff8dc	CSS	:	#808080
CSS (Wert)	:	#fff8dc	CSS (Wert)	:	#808080
CSS (kürzest)	:	#fff8dc	CSS (kürzest)	:	#808080
CSS (RGB)	:	rgb(255,248,220)	CSS (RGB)	:	rgb(128,128,128)
CSS (%RGB)	:	rgb(100%,97%,86%)	CSS (%RGB)	:	rgb(50%,50%,50%)

Verlauf Hintergrundfarbwert #fff8dc nach Schriftfarbwert #808080
#fff8dc	#ece6ce	#dad5c1	#c8c4b4	#b6b3a7	#a4a29a	#92918d	#808080
#fff8dc	#ece6ce	#dad5c1	#c8c4b4	#b6b3a7	#a4a29a	#92918d	#808080

Kombination von #fff8dc und #808080
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #fff8dc ist #808080 ungeeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #808080 und #fff8dc beträgt 82.35%. Die Lesbarkeit dieser Kombination bewerte ich mit 17.65%.

Hintergrundfarbwert #fff8dc				Schriftfarbwert #808080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#808080	#808080	#808080	#808080
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#929292	#929292	#6d6d6d	#6d6d6d
#fffae6	#fffae6	#b6b19d	#b6b19d	#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b
#fffbeb	#fffbeb	#918d7d	#918d7d	#b6b6b6	#b6b6b6	#494949	#494949
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#c8c8c8	#c8c8c8	#363636	#363636
#fffdf5	#fffdf5	#48463e	#48463e	#dadada	#dadada	#242424	#242424
#fffefa	#fffefa	#24231f	#24231f	#ececec	#ececec	#121212	#121212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff8dc und Farbwert #808080

Wechsel der Umrandung bei Hover von Tag samp

Die Rahmenfarbe soll sich von Farbwert #fff8dc auf Farbwert #808080 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <samp> in Farbwert #fff8dc vor.

In diesem Beispiel umranden wir <samp> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbwert #fff8dc.

<style type="text/css"><!--
  samp { border:2px dotted #fff8dc; }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf #808080 geändert wird.

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

Weiteres zum Thema samp lesen Sie in Text in HTML. Weiteres zum hier genutzten HTML-Befehl samp lesen Sie in der HTML Referenz unter <samp>.

Füllen und Umranden mit HTML-Befehl a

Einen Hyperlink setzt man mit HTML-Tag <a>. Diesen kann man farblich gestalten.

Für dieses Beispiel umranden wir <a> mit einem . Die Hintergrundfarbe für <a> setzen wir entsprechend auf Farbwert #fff8dc. In HTML ist dies nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { border:1pt double #808080; background-color:#fff8dc; }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML finden. Mehr zum hier genutzten Tag <a>.