Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslateblue 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 darkslateblue			Schriftfarbwert #1e90ff
Detail	:	Hintergrund darkslateblue	Detail	:	Schrift #1e90ff
Farbe	:	darkslateblue	Farbwert	:	#1e90ff
Farbwert	:	#483d8b	Farbe	:	dodgerblue
HTML	:	darkslateblue	HTML	:	#1e90ff
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#1e90ff
CSS	:	darkslateblue	CSS	:	#1e90ff
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe darkslateblue nach Schriftfarbwert #1e90ff
#483d8b	#42489b	#3c54ac	#3660bc	#306ccd	#2a78dd	#2484ee	#1e90ff
#483d8b	#42489b	#3c54ac	#3660bc	#306ccd	#2a78dd	#2484ee	#1e90ff

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

Hintergrundfarbe darkslateblue				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#62589b	#62589b	#3d3477	#3d3477	#3e9fff	#3e9fff	#197bda	#197bda
#7c74ac	#7c74ac	#332b63	#332b63	#5eafff	#5eafff	#1566b6	#1566b6
#9690bc	#9690bc	#29224f	#29224f	#7ebfff	#7ebfff	#115291	#115291
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#cac7dd	#cac7dd	#141127	#141127	#bedfff	#bedfff	#082948	#082948
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkslateblue und Farbwert #1e90ff

Füllen und Umranden bei Befehl hr

Hier umranden wir <hr> mit einem gezahnten, 1 Pixel dicken Rahmen in Farbwert #1e90ff . Den Hintergrund von <hr> färben wir entsprechend mit Farbe darkslateblue. Dies ist mit HTML nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  hr { border:1px ridge #1e90ff; background-color:darkslateblue; }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Tag hr ist in der HTML Referenz bei <hr> ausführlich zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover von Befehl a

Einen Link erzeugt man mit HTML-Befehl <a>. Dieser kann farblich gestaltet werden.

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

Wir ändern hier die Hintergrundfarbe von <a> auf Farbe darkslateblue. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf arial. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  a { 
    font-family: arial; 
    background-color: darkslateblue; 
    font-size: 13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #1e90ff gesetzt wird.

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

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Möglichkeiten des hier genutzten HTML-Tag <a>.