Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gainsboro und Farbwert #a52a2a

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 gainsboro			Schriftfarbwert #a52a2a
Detail	:	Hintergrund gainsboro	Detail	:	Schrift #a52a2a
Farbe	:	gainsboro	Farbwert	:	#a52a2a
Farbwert	:	#dcdcdc	Farbe	:	brown
HTML	:	gainsboro	HTML	:	#a52a2a
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#a52a2a
CSS	:	gainsboro	CSS	:	#a52a2a
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#a52a2a
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#a52a2a
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(165,42,42)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(64%,16%,16%)

Verlauf Hintergrundfarbe gainsboro nach Schriftfarbwert #a52a2a
#dcdcdc	#d4c2c2	#cca9a9	#c48f8f	#bc7676	#b45c5c	#ac4343	#a52a2a
#dcdcdc	#d4c2c2	#cca9a9	#c48f8f	#bc7676	#b45c5c	#ac4343	#a52a2a

Kombination von gainsboro und #a52a2a
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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#a52a2a ist nicht als Schriftfarbe auf Hintergrund gainsboro geeignet. Zwar ist der Helligkeitsunterschied ausreichend, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von #a52a2a und gainsboro beträgt 75.40%. Die Lesbarkeit dieser Farbkombination liegt damit bei 24.60%.

Hintergrundfarbe gainsboro				Schriftfarbwert #a52a2a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#a52a2a	#a52a2a	#a52a2a	#a52a2a
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#b14848	#b14848	#8d2424	#8d2424
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#be6666	#be6666	#751e1e	#751e1e
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#cb8585	#cb8585	#5e1818	#5e1818
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#d8a3a3	#d8a3a3	#461212	#461212
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#f2e0e0	#f2e0e0	#170606	#170606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gainsboro und Farbwert #a52a2a

Wechsel der Textfarbe bei Hover mit Tag a

Ein Verweis wird mit Befehl <a> erzeugt. Diesen können Sie farblich gestalten.

Die Textfarbe soll sich von Farbe gainsboro auf Farbwert #a52a2a ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbe gainsboro vor.

Wir legen zum Beispiel bei <a> die Textfarbe auf Farbe gainsboro fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  a { 
    color:gainsboro; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #a52a2a ändert.

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

Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Der Befehl a ist in der HTML Referenz bei <a> gezeigt.

Füllen und Umranden mit HTML-Befehl thead

Bei diesem Beispiel umranden wir <thead> mit einem . Die Hintergrundfarbe für <thead> färben wir entsprechend mit Farbe gainsboro. Dies geht mit HTML nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  thead { 
    border-width: 2pt; 
    border-color: #a52a2a; 
    background-color: gainsboro; 
    border-style: double;
  }
//-->
</style>

Mehr zum Thema finden Sie in Tabellen in HTML. Weiteres zum hier gezeigten HTML-Befehl <thead>.