Ressourcen: 137 HTML Farbnamen - Kombination von Farbe tan und Farbwert #1e90ff

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 tan			Schriftfarbwert #1e90ff
Detail	:	Hintergrund tan	Detail	:	Schrift #1e90ff
Farbe	:	tan	Farbwert	:	#1e90ff
Farbwert	:	#d2b48c	Farbe	:	dodgerblue
HTML	:	tan	HTML	:	#1e90ff
HTML (Wert)	:	#d2b48c	HTML (Wert)	:	#1e90ff
CSS	:	tan	CSS	:	#1e90ff
CSS (Wert)	:	#d2b48c	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#d2b48c	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(210,180,140)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(82%,70%,54%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe tan nach Schriftfarbwert #1e90ff
#d2b48c	#b8ae9c	#9ea9ac	#84a4bd	#6b9fcd	#519ade	#3795ee	#1e90ff
#d2b48c	#b8ae9c	#9ea9ac	#84a4bd	#6b9fcd	#519ade	#3795ee	#1e90ff

Kombination von tan und #1e90ff
Cras id velit ante. 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.				Die Ähnlichkeit von #1e90ff und tan beträgt 92.19%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.81%. #1e90ff ist nicht als Schriftfarbe auf Hintergrund tan geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe tan				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2b48c	#d2b48c	#d2b48c	#d2b48c	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#d8be9c	#d8be9c	#b49a78	#b49a78	#3e9fff	#3e9fff	#197bda	#197bda
#dec9ac	#dec9ac	#968064	#968064	#5eafff	#5eafff	#1566b6	#1566b6
#e5d4bd	#e5d4bd	#786650	#786650	#7ebfff	#7ebfff	#115291	#115291
#ebdecd	#ebdecd	#5a4d3c	#5a4d3c	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#f2e9de	#f2e9de	#3c3328	#3c3328	#bedfff	#bedfff	#082948	#082948
#f8f4ee	#f8f4ee	#1e1914	#1e1914	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe tan und Farbwert #1e90ff

Wechsel der Umrandung bei Hover von Tag img

Die Rahmenfarbe soll sich von Farbe tan auf Farbwert #1e90ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <img> in Farbe tan vor.

In diesem Beispiel umranden wir <img> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbe tan.

<style type="text/css"><!--
  img { border:2px dashed tan; }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #1e90ff ändert.

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

Weiteres zum Thema finden Sie in Grafik in HTML. Weiteres zum HTML-Befehl <img>.

Wechsel der Hintergrundfarbe bei Hover von Befehl h4

Eine Überschrift erzeugen Sie mit HTML-Tag <h4>. Diese können Sie farblich gestalten und hervorheben.

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

Als Beispiel legen wir Farbe tan als Hintergrundfarbe von <h4> fest.

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

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

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

Weiteres zum Thema h4 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des Befehl h4 finden Sie in der HTML Referenz unter <h4>.