Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgray und Farbwert #4169e1

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 darkgray			Schriftfarbwert #4169e1
Detail	:	Hintergrund darkgray	Detail	:	Schrift #4169e1
Farbe	:	darkgray	Farbwert	:	#4169e1
Farbwert	:	#a9a9a9	Farbe	:	royalblue
HTML	:	darkgray	HTML	:	#4169e1
HTML (Wert)	:	#a9a9a9	HTML (Wert)	:	#4169e1
CSS	:	darkgray	CSS	:	#4169e1
CSS (Wert)	:	#a9a9a9	CSS (Wert)	:	#4169e1
CSS (kürzest)	:	#a9a9a9	CSS (kürzest)	:	#4169e1
CSS (RGB)	:	rgb(169,169,169)	CSS (RGB)	:	rgb(65,105,225)
CSS (%RGB)	:	rgb(66%,66%,66%)	CSS (%RGB)	:	rgb(25%,41%,88%)

Verlauf Hintergrundfarbe darkgray nach Schriftfarbwert #4169e1
#a9a9a9	#9a9fb1	#8b96b9	#7c8dc1	#6d84c9	#5e7bd1	#4f72d9	#4169e1
#a9a9a9	#9a9fb1	#8b96b9	#7c8dc1	#6d84c9	#5e7bd1	#4f72d9	#4169e1

Kombination von darkgray und #4169e1
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #4169e1 und darkgray beträgt 90.18%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 9.82%. #4169e1 eignet sich nicht als Schriftfarbe auf Hintergrund darkgray, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe darkgray				Schriftfarbwert #4169e1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9	#4169e1	#4169e1	#4169e1	#4169e1
#b5b5b5	#b5b5b5	#909090	#909090	#5c7ee5	#5c7ee5	#375ac0	#375ac0
#c1c1c1	#c1c1c1	#787878	#787878	#7793e9	#7793e9	#2e4ba0	#2e4ba0
#cdcdcd	#cdcdcd	#606060	#606060	#92a9ed	#92a9ed	#253c80	#253c80
#dadada	#dadada	#484848	#484848	#adbef2	#adbef2	#1b2d60	#1b2d60
#e6e6e6	#e6e6e6	#303030	#303030	#c8d4f6	#c8d4f6	#121e40	#121e40
#f2f2f2	#f2f2f2	#181818	#181818	#e3e9fa	#e3e9fa	#090f20	#090f20
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgray und Farbwert #4169e1

Wechsel der Textfarbe bei Hover bei HTML-Befehl tr

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

Zum Beispiel legen wir Farbe darkgray als Textfarbe von <tr> fest.

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

Nun stellen wir ein, dass bei Hover die Textfarbe auf #4169e1 gesetzt wird.

<style type="text/css"><!--
  tr: hover { 
    color: #4169e1;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Einzelheiten vom hier genutzten Befehl <tr>.

Füllen und Umranden mit HTML-Tag img

Hier umranden wir <img> mit einem gestrichelten, 3 Punkte dicken Rahmen in Farbwert #4169e1 . Den Hintergrund von <img> färben wir mit Farbe darkgray. Das geht in HTML nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  img { border:3pt dashed #4169e1; background-color:darkgray; }
//-->
</style>

Weiteres zu img können Sie in Grafik in HTML finden. Möglichkeiten vom hier gezeigten HTML-Befehl img finden Sie in der HTML Referenz unter <img>.