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

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 #ff7f50
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift #ff7f50
Farbe	:	dodgerblue	Farbwert	:	#ff7f50
Farbwert	:	#1e90ff	Farbe	:	coral
HTML	:	dodgerblue	HTML	:	#ff7f50
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#ff7f50
CSS	:	dodgerblue	CSS	:	#ff7f50
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbwert #ff7f50
#1e90ff	#3e8de6	#5e8bcd	#7e88b4	#9e869b	#be8382	#de8169	#ff7f50
#1e90ff	#3e8de6	#5e8bcd	#7e88b4	#9e869b	#be8382	#de8169	#ff7f50

Kombination von dodgerblue und #ff7f50
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 #ff7f50 und dodgerblue ergibt sich zu 93.83%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.17%. Auf Hintergrund dodgerblue ist #ff7f50 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe dodgerblue				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#3e9fff	#3e9fff	#197bda	#197bda	#ff9169	#ff9169	#da6c44	#da6c44
#5eafff	#5eafff	#1566b6	#1566b6	#ffa382	#ffa382	#b65a39	#b65a39
#7ebfff	#7ebfff	#115291	#115291	#ffb59b	#ffb59b	#91482d	#91482d
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#bedfff	#bedfff	#082948	#082948	#ffdacd	#ffdacd	#482416	#482416
#deefff	#deefff	#041424	#041424	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe dodgerblue und Farbwert #ff7f50

Wechsel der Textfarbe bei Hover bei HTML-Befehl center

Die Textfarbe soll sich von Farbe dodgerblue auf Farbwert #ff7f50 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <center> in Farbe dodgerblue vor.

Hier setzen wir bei <center> die Textfarbe auf Farbe dodgerblue.

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

Nun fordern wir, dass sich bei Hover die Textfarbe auf #ff7f50 ändert.

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

Weiteres zu center können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten vom hier gezeigten Befehl center erfahren Sie in der HTML Referenz unter <center>.

Text- und Unterstreichungsfarben bei HTML-Befehl abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbwert #ff7f50. Die Schriftart ändern wir auf verdana und erhöhen die Schriftgröße auf 127%. Wir unterstreichen den Inhalt von <abbr> mit Hilfe eines gepunkteten Rahmens mit 1 Pixel Dicke in Farbe dodgerblue. Dies geht mit HTML kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  abbr { 
    border-bottom: 1px dotted dodgerblue; 
    font-size: 127%; 
    color: #ff7f50; 
    font-family: verdana;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Der hier gezeigte HTML-Befehl abbr ist in der HTML Referenz unter <abbr> ausführlich zusammengestellt.