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

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 #0000ff
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift #0000ff
Farbe	:	dodgerblue	Farbwert	:	#0000ff
Farbwert	:	#1e90ff	Farbe	:	blue
HTML	:	dodgerblue	HTML	:	#0000ff
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#0000ff
CSS	:	dodgerblue	CSS	:	#0000ff
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbwert #0000ff
#1e90ff	#197bff	#1566ff	#1152ff	#0c3dff	#0829ff	#0414ff	#0000ff
#1e90ff	#197bff	#1566ff	#1152ff	#0c3dff	#0829ff	#0414ff	#0000ff

Kombination von dodgerblue und #0000ff
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.				Auf Hintergrund dodgerblue ist #0000ff ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #0000ff und dodgerblue beträgt 87.36%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.64%.

Hintergrundfarbe dodgerblue				Schriftfarbwert #0000ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#0000ff	#0000ff	#0000ff	#0000ff
#3e9fff	#3e9fff	#197bda	#197bda	#2424ff	#2424ff	#0000da	#0000da
#5eafff	#5eafff	#1566b6	#1566b6	#4848ff	#4848ff	#0000b6	#0000b6
#7ebfff	#7ebfff	#115291	#115291	#6d6dff	#6d6dff	#000091	#000091
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#9191ff	#9191ff	#00006d	#00006d
#bedfff	#bedfff	#082948	#082948	#b6b6ff	#b6b6ff	#000048	#000048
#deefff	#deefff	#041424	#041424	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe dodgerblue und Farbwert #0000ff

Wechsel der Umrandung bei Hover von Befehl thead

Die Rahmenfarbe soll sich von Farbe dodgerblue auf Farbwert #0000ff ändern, wenn man mit der Maus auf <thead> zeigt. Wir bereiten zunächst eine Formatierung von <thead> in Farbe dodgerblue vor.

In diesem Beispiel umranden wir <thead> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbe dodgerblue.

<style type="text/css"><!--
  thead { 
    border-width: 3px; 
    border-color: dodgerblue; 
    border-style: groove;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #0000ff ändert.

<style type="text/css"><!--
  thead:hover { 
    border-color:#0000ff;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Tabellen in HTML. Der hier genutzte HTML-Befehl thead ist in der HTML Referenz bei <thead> ausführlich beschrieben.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl dt

Die Hintergrundfarbe soll sich von Farbe dodgerblue auf Farbwert #0000ff ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst eine Formatierung von <dt> in Farbe dodgerblue vor.

Als Beispiel legen wir Farbe dodgerblue als Hintergrundfarbe von <dt> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  dt { 
    font-family: verdana; 
    background-color: dodgerblue;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #0000ff ändert.

<style type="text/css"><!--
  dt: hover { 
    background-color: #0000ff;
  }
//-->
</style>

Mehr zu dt können Sie in Listen und Glossare in HTML finden. Zur Beschreibung vom HTML-Tag <dt>.