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

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.

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

Verlauf Hintergrundfarbwert #1e90ff nach Schriftfarbwert #fff0f5
#1e90ff	#3e9dfd	#5eabfc	#7eb9fa	#9ec6f9	#bed4f7	#dee2f6	#fff0f5
#1e90ff	#3e9dfd	#5eabfc	#7eb9fa	#9ec6f9	#bed4f7	#dee2f6	#fff0f5

Kombination von #1e90ff und #fff0f5
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #fff0f5 und #1e90ff ergibt sich zu 86.03%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.97%. #fff0f5 ist nicht als Schriftfarbe auf Hintergrund #1e90ff geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #1e90ff				Schriftfarbwert #fff0f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#fff0f5	#fff0f5	#fff0f5	#fff0f5
#3e9fff	#3e9fff	#197bda	#197bda	#fff2f6	#fff2f6	#dacdd2	#dacdd2
#5eafff	#5eafff	#1566b6	#1566b6	#fff4f7	#fff4f7	#b6abaf	#b6abaf
#7ebfff	#7ebfff	#115291	#115291	#fff6f9	#fff6f9	#91898c	#91898c
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#fff8fa	#fff8fa	#6d6669	#6d6669
#bedfff	#bedfff	#082948	#082948	#fffafc	#fffafc	#484446	#484446
#deefff	#deefff	#041424	#041424	#fffcfd	#fffcfd	#242223	#242223
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #1e90ff und Farbwert #fff0f5

Wechsel der Textfarbe bei Hover mit HTML-Befehl a

Mit HTML-Tag <a> erzeugen Sie einen Verweis und kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #1e90ff auf Farbwert #fff0f5 ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #1e90ff vor.

In diesem Beispiel legen wir die Textfarbe von <a> auf Farbwert #1e90ff fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf arial:

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

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #fff0f5 geändert wird.

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

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten vom hier genutzten Befehl <a>.