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

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.

Hintergrundfarbwert #1e90ff			Schriftfarbwert #f0f8ff
Detail	:	Hintergrund #1e90ff	Detail	:	Schrift #f0f8ff
Farbwert	:	#1e90ff	Farbwert	:	#f0f8ff
Farbe	:	dodgerblue	Farbe	:	aliceblue
HTML	:	#1e90ff	HTML	:	#f0f8ff
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#f0f8ff
CSS	:	#1e90ff	CSS	:	#f0f8ff
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#f0f8ff
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#f0f8ff
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(240,248,255)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(94%,97%,100%)

Verlauf Hintergrundfarbwert #1e90ff nach Schriftfarbwert #f0f8ff
#1e90ff	#3c9eff	#5aadff	#78bcff	#96cbff	#b4daff	#d2e9ff	#f0f8ff
#1e90ff	#3c9eff	#5aadff	#78bcff	#96cbff	#b4daff	#d2e9ff	#f0f8ff

Kombination von #1e90ff und #f0f8ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f0f8ff eignet sich nicht als Schriftfarbe auf Hintergrund #1e90ff. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #f0f8ff und #1e90ff beträgt 85.63%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 14.37%.

Hintergrundfarbwert #1e90ff				Schriftfarbwert #f0f8ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
#3e9fff	#3e9fff	#197bda	#197bda	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
#5eafff	#5eafff	#1566b6	#1566b6	#f4faff	#f4faff	#abb1b6	#abb1b6
#7ebfff	#7ebfff	#115291	#115291	#f6fbff	#f6fbff	#898d91	#898d91
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#f8fcff	#f8fcff	#666a6d	#666a6d
#bedfff	#bedfff	#082948	#082948	#fafdff	#fafdff	#444648	#444648
#deefff	#deefff	#041424	#041424	#fcfeff	#fcfeff	#222324	#222324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #1e90ff und Farbwert #f0f8ff

Wechsel der Textfarbe bei Hover bei Tag h3

Eine Überschrift der 3. Stufe erzeugt man mit Befehl <h3>. Diese können Sie farblich gestalten.

Die Textfarbe soll sich von Farbwert #1e90ff auf Farbwert #f0f8ff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <h3> in Farbwert #1e90ff vor.

Hier ändern wir bei <h3> die Textfarbe auf Farbwert #1e90ff. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf monospace.

<style type="text/css"><!--
  h3 { 
    color:#1e90ff; 
    font-family:monospace;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #f0f8ff ändert.

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

Mehr zum Thema h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier gezeigten Tag h3 sind in der HTML Referenz unter <h3> genau beschrieben.

Text- und Unterstreichungsfarben mit HTML-Befehl a

Einen Hyperlink setzt man mit HTML-Tag <a>. Dieser kann farblich gestaltet werden.

Wir ändern Hher die Textfarbe von <a> auf Farbwert #f0f8ff. Die Schriftart setzen wir auf courier new. Die Schriftgröße verringern wir auf 95%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines doppelten Rahmens mit 2 Punkte Dicke in Farbwert #1e90ff. Das ist mit HTML so kaum möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    font-family: courier new; 
    border-bottom-style: double; 
    color: #f0f8ff; 
    border-bottom-width: 2pt; 
    font-size: 95%; 
    border-bottom-color: #1e90ff;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung des Tag a erfahren Sie in der HTML Referenz unter <a>.