Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mistyrose und Farbwert #ffa500

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 mistyrose			Schriftfarbwert #ffa500
Detail	:	Hintergrund mistyrose	Detail	:	Schrift #ffa500
Farbe	:	mistyrose	Farbwert	:	#ffa500
Farbwert	:	#ffe4e1	Farbe	:	orange
HTML	:	mistyrose	HTML	:	#ffa500
HTML (Wert)	:	#ffe4e1	HTML (Wert)	:	#ffa500
CSS	:	mistyrose	CSS	:	#ffa500
CSS (Wert)	:	#ffe4e1	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#ffe4e1	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(255,228,225)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(100%,89%,88%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbe mistyrose nach Schriftfarbwert #ffa500
#ffe4e1	#ffdbc0	#ffd2a0	#ffc980	#ffc060	#ffb740	#ffae20	#ffa500
#ffe4e1	#ffdbc0	#ffd2a0	#ffc980	#ffc060	#ffb740	#ffae20	#ffa500

Kombination von mistyrose und #ffa500
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ffa500 eignet sich nicht als Schriftfarbe auf Hintergrund mistyrose. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #ffa500 und mistyrose beträgt 92.19%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.81%.

Hintergrundfarbe mistyrose				Schriftfarbwert #ffa500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1	#ffa500	#ffa500	#ffa500	#ffa500
#ffe7e5	#ffe7e5	#dac3c0	#dac3c0	#ffb124	#ffb124	#da8d00	#da8d00
#ffebe9	#ffebe9	#b6a2a0	#b6a2a0	#ffbe48	#ffbe48	#b67500	#b67500
#ffefed	#ffefed	#918280	#918280	#ffcb6d	#ffcb6d	#915e00	#915e00
#fff3f2	#fff3f2	#6d6160	#6d6160	#ffd891	#ffd891	#6d4600	#6d4600
#fff7f6	#fff7f6	#484140	#484140	#ffe5b6	#ffe5b6	#482f00	#482f00
#fffbfa	#fffbfa	#242020	#242020	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mistyrose und Farbwert #ffa500

Text- und Unterstreichungsfarben von Befehl blockquote

Wir ändern bei diesem Beispiel die Textfarbe von <blockquote> auf Farbwert #ffa500. Die Schriftart setzen wir auf courier new. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines gefurchten Rahmens mit 4 Punkte Dicke in Farbe mistyrose. Mit HTML ist dies nicht möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  blockquote { 
    color: #ffa500; 
    font-size: 13px; 
    border-bottom-width: 4pt; 
    font-family: courier new; 
    border-bottom-color: mistyrose; 
    border-bottom-style: groove;
  }
//-->
</style>

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

Mehr zum Thema finden Sie in Blockorientierte Elemente in HTML. Mehr zum HTML-Tag <blockquote>.

Wechsel der Hintergrundfarbe bei Hover mit Tag h3

Eine Überschrift der 3. Stufe wird mit HTML-Befehl <h3> gesetzt und kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe mistyrose auf Farbwert #ffa500 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <h3> in Farbe mistyrose vor.

Wir setzen z.B. bei <h3> die Hintergrundfarbe auf Farbe mistyrose. Die Textfarbe ändern wir nicht. Die Schriftart ändern wir auf arial und setzen die Schriftgröße auf 88%:

<style type="text/css"><!--
  h3 { 
    background-color:mistyrose; 
    font-size:88%; 
    font-family:arial;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #ffa500 geändert wird.

<style type="text/css"><!--
  h3: hover { 
    background-color: #ffa500;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Mehr zum HTML-Befehl h3 lesen Sie in der HTML Referenz unter <h3>.