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

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

Verlauf Hintergrundfarbwert #1e90ff nach Schriftfarbwert #d3d3d3
#1e90ff	#3799f8	#51a3f2	#6bacec	#85b6e5	#9fbfdf	#b9c9d9	#d3d3d3
#1e90ff	#3799f8	#51a3f2	#6bacec	#85b6e5	#9fbfdf	#b9c9d9	#d3d3d3

Kombination von #1e90ff und #d3d3d3
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #1e90ff ist #d3d3d3 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #d3d3d3 und #1e90ff beträgt 89.70%. Die Lesbarkeit dieser Kombination liegt damit bei 10.30%.

Hintergrundfarbwert #1e90ff				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#3e9fff	#3e9fff	#197bda	#197bda	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#5eafff	#5eafff	#1566b6	#1566b6	#dfdfdf	#dfdfdf	#969696	#969696
#7ebfff	#7ebfff	#115291	#115291	#e5e5e5	#e5e5e5	#787878	#787878
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#ececec	#ececec	#5a5a5a	#5a5a5a
#bedfff	#bedfff	#082948	#082948	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#deefff	#deefff	#041424	#041424	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Umrandung bei Hover mit Tag ins

Die Rahmenfarbe soll sich von Farbwert #1e90ff auf Farbwert #d3d3d3 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <ins> in Farbwert #1e90ff vor.

In diesem Beispiel umranden wir <ins> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbwert #1e90ff.

<style type="text/css"><!--
  ins { 
    border-width:2px; 
    border-style:ridge; 
    border-color:#1e90ff;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #d3d3d3 geändert wird.

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

Mehr zum HTML-Befehl <ins>.

Wechsel der Textfarbe bei Hover bei Befehl legend

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

Wir setzen als Beispiel bei <legend> die Textfarbe auf Farbwert #1e90ff.

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

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #d3d3d3 geändert wird.

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

Weiteres zum Thema legend lesen Sie in Formulare in HTML. Mehr zum HTML-Tag <legend>.