Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #a0522d und Farbe silver

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 #a0522d			Schriftfarbe silver
Detail	:	Hintergrund #a0522d	Detail	:	Schrift silver
Farbwert	:	#a0522d	Farbe	:	silver
Farbe	:	sienna	Farbwert	:	#c0c0c0
HTML	:	#a0522d	HTML	:	silver
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#c0c0c0
CSS	:	#a0522d	CSS	:	silver
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbwert #a0522d nach Schriftfarbe silver
#a0522d	#a46142	#a97157	#ad816c	#b29081	#b6a096	#bbb0ab	#c0c0c0
#a0522d	#a46142	#a97157	#ad816c	#b29081	#b6a096	#bbb0ab	#c0c0c0

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

Hintergrundfarbwert #a0522d				Schriftfarbe silver
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#ad6a4b	#ad6a4b	#894626	#894626	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#bb8369	#bb8369	#723a20	#723a20	#d2d2d2	#d2d2d2	#898989	#898989
#c89c87	#c89c87	#5b2e19	#5b2e19	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#d6b4a5	#d6b4a5	#442313	#442313	#e4e4e4	#e4e4e4	#525252	#525252
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#ededed	#ededed	#363636	#363636
#f1e6e1	#f1e6e1	#160b06	#160b06	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a0522d und Farbe silver

Füllen und Umranden von Befehl hr

Hier umranden wir <hr> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe silver . Den Hintergrund von <hr> setzen wir entsprechend auf Farbwert #a0522d. In HTML geht das kaum. Daher verwenden wir CSS.

<style type="text/css"><!--
  hr { border:4px ridge silver; background-color:#a0522d; }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des HTML-Befehl hr sind in der HTML Referenz bei <hr> zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover mit Befehl a

Mit Befehl <a> erzeugen Sie einen Verweis. Diesen können Sie hervorheben und farblich gestalten.

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

Wir legen z.B. Farbwert #a0522d als Hintergrundfarbe von <a> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift verkleinern wir auf 90%.

<style type="text/css"><!--
  a { 
    font-size: 90%; 
    font-family: monospace; 
    background-color: #a0522d;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf silver gesetzt wird.

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

Weiteres zu a lesen Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom HTML-Befehl <a>.