Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgray und Farbe royalblue

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			Schriftfarbe royalblue
Detail	:	Hintergrund darkgray	Detail	:	Schrift royalblue
Farbe	:	darkgray	Farbe	:	royalblue
Farbwert	:	#a9a9a9	Farbwert	:	#4169e1
HTML	:	darkgray	HTML	:	royalblue
HTML (Wert)	:	#a9a9a9	HTML (Wert)	:	#4169e1
CSS	:	darkgray	CSS	:	royalblue
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 Schriftfarbe royalblue
#a9a9a9	#9a9fb1	#8b96b9	#7c8dc1	#6d84c9	#5e7bd1	#4f72d9	#4169e1
#a9a9a9	#9a9fb1	#8b96b9	#7c8dc1	#6d84c9	#5e7bd1	#4f72d9	#4169e1

Kombination von darkgray und royalblue
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 royalblue und darkgray beträgt 90.18%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.82%. royalblue ist nicht als Schriftfarbe auf Hintergrund darkgray geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe darkgray				Schriftfarbe royalblue
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 Farbe royalblue

Füllen und Umranden mit HTML-Befehl hr

In diesem Beispiel umranden wir <hr> mit einem 3 Punkte dicken, doppelten Rahmen in Farbe royalblue . Die Hintergrundfarbe für <hr> setzen wir auf Farbe darkgray. Das geht mit HTML kaum. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  hr { border:3pt double royalblue; background-color:darkgray; }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Weiteres zum hier gezeigten HTML-Befehl <hr>.

Wechsel der Hintergrundfarbe bei Hover bei Tag a

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

Die Hintergrundfarbe soll sich von Farbe darkgray auf Farbe royalblue ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbe darkgray vor.

Hier legen wir bei <a> die Hintergrundfarbe auf Farbe darkgray fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf monospace und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  a { 
    font-size: 13px; 
    background-color: darkgray; 
    font-family: monospace;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf royalblue ändert.

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

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachlesen. Der hier genutzte Befehl a ist in der HTML Referenz bei <a> zusammengestellt.