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

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.

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

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

Kombination von lavenderblush und #1e90ff
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #1e90ff und lavenderblush ergibt sich zu 86.03%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.97%. Auf Hintergrund lavenderblush ist #1e90ff ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

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

Beispiel zur Kombination von Farbe lavenderblush und Farbwert #1e90ff

Wechsel der Hintergrundfarbe bei Hover bei Befehl strong

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

Wir ändern in diesem Beispiel die Hintergrundfarbe von <strong> auf Farbe lavenderblush. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf monospace. Die Schriftgröße verringern wir auf 86%.

<style type="text/css"><!--
  strong { 
    background-color: lavenderblush; 
    font-family: monospace; 
    font-size: 86%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #1e90ff gesetzt wird.

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

Weiteres zum Thema finden Sie in Text in HTML. Möglichkeiten des Befehl strong finden Sie in der HTML Referenz unter <strong>.