Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightpink und Farbwert #ffa500

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 lightpink			Schriftfarbwert #ffa500
Detail	:	Hintergrund lightpink	Detail	:	Schrift #ffa500
Farbe	:	lightpink	Farbwert	:	#ffa500
Farbwert	:	#ffb6c1	Farbe	:	orange
HTML	:	lightpink	HTML	:	#ffa500
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#ffa500
CSS	:	lightpink	CSS	:	#ffa500
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbe lightpink nach Schriftfarbwert #ffa500
#ffb6c1	#ffb3a5	#ffb189	#ffae6e	#ffac52	#ffa937	#ffa71b	#ffa500
#ffb6c1	#ffb3a5	#ffb189	#ffae6e	#ffac52	#ffa937	#ffa71b	#ffa500

Kombination von lightpink und #ffa500
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffa500 ist nicht als Schriftfarbe auf Hintergrund lightpink geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #ffa500 und lightpink beträgt 94.31%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.69%.

Hintergrundfarbe lightpink				Schriftfarbwert #ffa500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#ffa500	#ffa500	#ffa500	#ffa500
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#ffb124	#ffb124	#da8d00	#da8d00
#ffcad2	#ffcad2	#b68289	#b68289	#ffbe48	#ffbe48	#b67500	#b67500
#ffd5db	#ffd5db	#91686e	#91686e	#ffcb6d	#ffcb6d	#915e00	#915e00
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#ffd891	#ffd891	#6d4600	#6d4600
#ffeaed	#ffeaed	#483437	#483437	#ffe5b6	#ffe5b6	#482f00	#482f00
#fff4f6	#fff4f6	#241a1b	#241a1b	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightpink und Farbwert #ffa500

Wechsel der Textfarbe bei Hover bei Tag cite

Die Textfarbe soll sich von Farbe lightpink auf Farbwert #ffa500 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <cite> in Farbe lightpink vor.

Z.B. legen wir Farbe lightpink als Textfarbe von <cite> fest:

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #ffa500 ändert.

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

Die Beschreibung vom Tag cite lesen Sie in der HTML Referenz unter <cite>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag address

Die Hintergrundfarbe soll sich von Farbe lightpink auf Farbwert #ffa500 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <address> in Farbe lightpink vor.

Als Beispiel setzen wir bei <address> die Hintergrundfarbe auf Farbe lightpink:

<style type="text/css"><!--
  address { 
    background-color: lightpink;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #ffa500 geändert wird.

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

Weiteres zum Thema address können Sie in Blockorientierte Elemente in HTML finden. Mehr zum Tag address erfahren Sie in der HTML Referenz unter <address>.