Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgray und Farbwert #1e90ff

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 #1e90ff
Detail	:	Hintergrund darkgray	Detail	:	Schrift #1e90ff
Farbe	:	darkgray	Farbwert	:	#1e90ff
Farbwert	:	#a9a9a9	Farbe	:	dodgerblue
HTML	:	darkgray	HTML	:	#1e90ff
HTML (Wert)	:	#a9a9a9	HTML (Wert)	:	#1e90ff
CSS	:	darkgray	CSS	:	#1e90ff
CSS (Wert)	:	#a9a9a9	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#a9a9a9	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(169,169,169)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(66%,66%,66%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe darkgray nach Schriftfarbwert #1e90ff
#a9a9a9	#95a5b5	#81a1c1	#6d9ecd	#599ada	#4597e6	#3193f2	#1e90ff
#a9a9a9	#95a5b5	#81a1c1	#6d9ecd	#599ada	#4597e6	#3193f2	#1e90ff

Kombination von darkgray und #1e90ff
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund darkgray ist #1e90ff ungeeignet, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #1e90ff und darkgray beträgt 93.44%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.56%.

Hintergrundfarbe darkgray				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#b5b5b5	#b5b5b5	#909090	#909090	#3e9fff	#3e9fff	#197bda	#197bda
#c1c1c1	#c1c1c1	#787878	#787878	#5eafff	#5eafff	#1566b6	#1566b6
#cdcdcd	#cdcdcd	#606060	#606060	#7ebfff	#7ebfff	#115291	#115291
#dadada	#dadada	#484848	#484848	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#e6e6e6	#e6e6e6	#303030	#303030	#bedfff	#bedfff	#082948	#082948
#f2f2f2	#f2f2f2	#181818	#181818	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkgray und Farbwert #1e90ff

Wechsel der Hintergrundfarbe bei Hover bei Befehl h5

Eine Überschrift der 5. Stufe erzeugen Sie mit HTML-Tag <h5>. Diese kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe darkgray auf Farbwert #1e90ff ändern, wenn man mit der Maus auf <h5> zeigt. Bereiten wir zunächst eine Darstellung von <h5> in Farbe darkgray vor.

Wir legen z.B. bei <h5> die Hintergrundfarbe auf Farbe darkgray fest:

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

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #1e90ff gesetzt wird.

<style type="text/css"><!--
  h5: hover { 
    background-color: #1e90ff;
  }
//-->
</style>

Mehr zu h5 können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten des hier gezeigten HTML-Tag <h5>.