Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumblue und Farbwert #ff8c00

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 mediumblue			Schriftfarbwert #ff8c00
Detail	:	Hintergrund mediumblue	Detail	:	Schrift #ff8c00
Farbe	:	mediumblue	Farbwert	:	#ff8c00
Farbwert	:	#0000cd	Farbe	:	darkorange
HTML	:	mediumblue	HTML	:	#ff8c00
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#ff8c00
CSS	:	mediumblue	CSS	:	#ff8c00
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#ff8c00
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#ff8c00
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(255,140,0)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(100%,54%,0%)

Verlauf Hintergrundfarbe mediumblue nach Schriftfarbwert #ff8c00
#0000cd	#2414af	#482892	#6d3c75	#915057	#b6643a	#da781d	#ff8c00
#0000cd	#2414af	#482892	#6d3c75	#915057	#b6643a	#da781d	#ff8c00

Kombination von mediumblue und #ff8c00
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #ff8c00 und mediumblue beträgt 77.21%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 22.79%. #ff8c00 eignet sich als Schriftfarbe auf Hintergrund mediumblue. Sowohl der Helligkeitsunterschied als auch der Farbenunterschied sind geeignet.

Hintergrundfarbe mediumblue				Schriftfarbwert #ff8c00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#ff8c00	#ff8c00	#ff8c00	#ff8c00
#2424d4	#2424d4	#0000af	#0000af	#ff9c24	#ff9c24	#da7800	#da7800
#4848db	#4848db	#000092	#000092	#ffac48	#ffac48	#b66400	#b66400
#6d6de2	#6d6de2	#000075	#000075	#ffbd6d	#ffbd6d	#915000	#915000
#9191e9	#9191e9	#000057	#000057	#ffcd91	#ffcd91	#6d3c00	#6d3c00
#b6b6f0	#b6b6f0	#00003a	#00003a	#ffdeb6	#ffdeb6	#482800	#482800
#dadaf7	#dadaf7	#00001d	#00001d	#ffeeda	#ffeeda	#241400	#241400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumblue und Farbwert #ff8c00

Wechsel der Textfarbe bei Hover mit Tag label

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

Wir ändern für dieses Beispiel die Textfarbe von <label> auf Farbe mediumblue:

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

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #ff8c00 gesetzt wird.

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

Mehr zum Thema label können Sie in Formulare in HTML nachlesen. Möglichkeiten des Befehl label lesen Sie in der HTML Referenz unter <label>.

Text- und Unterstreichungsfarben mit Tag strong

Wir ändern Hher die Textfarbe von <strong> auf Farbwert #ff8c00. Die Schriftart setzen wir auf monospace und verkleinern die Schriftgröße auf 85%. Wir unterstreichen den Inhalt von <strong> mit Hilfe eines herausstehenden Rahmens mit 3 Punkte Dicke in Farbe mediumblue. Dies ist in HTML so kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  strong { 
    color: #ff8c00; 
    font-size: 85%; 
    border-bottom-width: 3pt; 
    border-bottom-style: outset; 
    font-family: monospace; 
    border-bottom-color: mediumblue;
  }
//-->
</style>

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

Mehr zu strong lesen Sie in Text in HTML. Beschreibung vom Tag <strong>.