Ressourcen: 137 HTML Farbnamen - Kombination von Farbe moccasin und Farbe dodgerblue

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 moccasin			Schriftfarbe dodgerblue
Detail	:	Hintergrund moccasin	Detail	:	Schrift dodgerblue
Farbe	:	moccasin	Farbe	:	dodgerblue
Farbwert	:	#ffe4b5	Farbwert	:	#1e90ff
HTML	:	moccasin	HTML	:	dodgerblue
HTML (Wert)	:	#ffe4b5	HTML (Wert)	:	#1e90ff
CSS	:	moccasin	CSS	:	dodgerblue
CSS (Wert)	:	#ffe4b5	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#ffe4b5	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(255,228,181)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(100%,89%,70%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbe moccasin nach Schriftfarbe dodgerblue
#ffe4b5	#ded8bf	#beccca	#9ec0d4	#7eb4df	#5ea8e9	#3e9cf4	#1e90ff
#ffe4b5	#ded8bf	#beccca	#9ec0d4	#7eb4df	#5ea8e9	#3e9cf4	#1e90ff

Kombination von moccasin und dodgerblue
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 dodgerblue und moccasin beträgt 87.51%. Die Lesbarkeit dieser Kombination bewerte ich mit 12.49%. dodgerblue ist nicht als Schriftfarbe auf Hintergrund moccasin geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe moccasin				Schriftfarbe dodgerblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#ffe7bf	#ffe7bf	#dac39b	#dac39b	#3e9fff	#3e9fff	#197bda	#197bda
#ffebca	#ffebca	#b6a281	#b6a281	#5eafff	#5eafff	#1566b6	#1566b6
#ffefd4	#ffefd4	#918267	#918267	#7ebfff	#7ebfff	#115291	#115291
#fff3df	#fff3df	#6d614d	#6d614d	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#fff7e9	#fff7e9	#484133	#484133	#bedfff	#bedfff	#082948	#082948
#fffbf4	#fffbf4	#242019	#242019	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe moccasin und Farbe dodgerblue

Füllen und Umranden mit Tag hr

Bei diesem Beispiel umranden wir <hr> mit einem . Die Hintergrundfarbe für <hr> setzen wir entsprechend auf Farbe moccasin. Das ist mit HTML kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  hr { border:2pt groove dodgerblue; background-color:moccasin; }
//-->
</style>

Weiteres zu hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier genutzten HTML-Tag <hr>.

Wechsel der Hintergrundfarbe bei Hover mit Tag a

Einen Hyperlink erzeugen Sie mit HTML-Befehl <a> und kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe moccasin auf Farbe dodgerblue ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Darstellung von <a> in Farbe moccasin vor.

Zum Beispiel ändern wir bei <a> die Hintergrundfarbe auf Farbe moccasin. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 13pt.

<style type="text/css"><!--
  a { 
    background-color: moccasin; 
    font-family: verdana; 
    font-size: 13pt;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf dodgerblue gesetzt wird.

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

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung vom Tag a erfahren Sie in der HTML Referenz unter <a>.