Ressourcen: 137 HTML Farbnamen - Kombination von Farbe dodgerblue und Farbwert #e6e6fa

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 dodgerblue			Schriftfarbwert #e6e6fa
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift #e6e6fa
Farbe	:	dodgerblue	Farbwert	:	#e6e6fa
Farbwert	:	#1e90ff	Farbe	:	lavender
HTML	:	dodgerblue	HTML	:	#e6e6fa
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#e6e6fa
CSS	:	dodgerblue	CSS	:	#e6e6fa
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#e6e6fa
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#e6e6fa
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(230,230,250)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(90%,90%,98%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbwert #e6e6fa
#1e90ff	#3a9cfe	#57a8fd	#73b4fc	#90c1fc	#accdfb	#c9d9fa	#e6e6fa
#1e90ff	#3a9cfe	#57a8fd	#73b4fc	#90c1fc	#accdfb	#c9d9fa	#e6e6fa

Kombination von dodgerblue und #e6e6fa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit von #e6e6fa und dodgerblue ergibt sich zu 87.48%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 12.52%. #e6e6fa ist nicht als Schriftfarbe auf Hintergrund dodgerblue geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe dodgerblue				Schriftfarbwert #e6e6fa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#e6e6fa	#e6e6fa	#e6e6fa	#e6e6fa
#3e9fff	#3e9fff	#197bda	#197bda	#e9e9fa	#e9e9fa	#c5c5d6	#c5c5d6
#5eafff	#5eafff	#1566b6	#1566b6	#ededfb	#ededfb	#a4a4b2	#a4a4b2
#7ebfff	#7ebfff	#115291	#115291	#f0f0fc	#f0f0fc	#83838e	#83838e
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#f4f4fc	#f4f4fc	#62626b	#62626b
#bedfff	#bedfff	#082948	#082948	#f7f7fd	#f7f7fd	#414147	#414147
#deefff	#deefff	#041424	#041424	#fbfbfe	#fbfbfe	#202023	#202023
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe dodgerblue und Farbwert #e6e6fa

Wechsel der Textfarbe bei Hover bei Befehl ins

Die Textfarbe soll sich von Farbe dodgerblue auf Farbwert #e6e6fa ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <ins> in Farbe dodgerblue vor.

Für dieses Beispiel legen wir bei <ins> die Textfarbe auf Farbe dodgerblue fest und setzen die Größe der Schrift auf 13px:

<style type="text/css"><!--
  ins { 
    color:dodgerblue; 
    font-size:13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #e6e6fa gesetzt wird.

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

Einzelheiten vom hier gezeigten Tag ins sind in der HTML Referenz bei <ins> zusammengestellt.