Ressourcen: 137 HTML Farbnamen - Kombination von Farbe orange und Farbwert #fffff0

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 orange			Schriftfarbwert #fffff0
Detail	:	Hintergrund orange	Detail	:	Schrift #fffff0
Farbe	:	orange	Farbwert	:	#fffff0
Farbwert	:	#ffa500	Farbe	:	ivory
HTML	:	orange	HTML	:	#fffff0
HTML (Wert)	:	#ffa500	HTML (Wert)	:	#fffff0
CSS	:	orange	CSS	:	#fffff0
CSS (Wert)	:	#ffa500	CSS (Wert)	:	#fffff0
CSS (kürzest)	:	#ffa500	CSS (kürzest)	:	#fffff0
CSS (RGB)	:	rgb(255,165,0)	CSS (RGB)	:	rgb(255,255,240)
CSS (%RGB)	:	rgb(100%,64%,0%)	CSS (%RGB)	:	rgb(100%,100%,94%)

Verlauf Hintergrundfarbe orange nach Schriftfarbwert #fffff0
#ffa500	#ffb122	#ffbe44	#ffcb66	#ffd889	#ffe5ab	#fff2cd	#fffff0
#ffa500	#ffb122	#ffbe44	#ffcb66	#ffd889	#ffe5ab	#fff2cd	#fffff0

Kombination von orange und #fffff0
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.				Die Ähnlichkeit der Farben #fffff0 und orange beträgt 90.68%. Die Lesbarkeit dieser Farbkombination liegt damit bei 9.32%. Auf Hintergrund orange ist #fffff0 ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe orange				Schriftfarbwert #fffff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa500	#ffa500	#ffa500	#ffa500	#fffff0	#fffff0	#fffff0	#fffff0
#ffb124	#ffb124	#da8d00	#da8d00	#fffff2	#fffff2	#dadacd	#dadacd
#ffbe48	#ffbe48	#b67500	#b67500	#fffff4	#fffff4	#b6b6ab	#b6b6ab
#ffcb6d	#ffcb6d	#915e00	#915e00	#fffff6	#fffff6	#919189	#919189
#ffd891	#ffd891	#6d4600	#6d4600	#fffff8	#fffff8	#6d6d66	#6d6d66
#ffe5b6	#ffe5b6	#482f00	#482f00	#fffffa	#fffffa	#484844	#484844
#fff2da	#fff2da	#241700	#241700	#fffffc	#fffffc	#242422	#242422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe orange und Farbwert #fffff0

Wechsel der Textfarbe bei Hover mit HTML-Tag h1

Eine Überschrift setzen Sie mit Tag <h1>. Sie kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbe orange auf Farbwert #fffff0 ändern, wenn man mit der Maus auf <h1> zeigt. Bereiten wir zunächst die Formatierung von <h1> in Farbe orange vor.

In diesem Beispiel legen wir Farbe orange als Textfarbe von <h1> fest:

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

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #fffff0 gesetzt wird.

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

Weiteres zum Thema h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier verwendeten HTML-Befehl <h1>.

Hintergrund/Text-Kombination mit Tag a

Mit Befehl <a> wird ein Hyperlink erzeugt. Diesen können Sie hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #fffff0 und die Hintergrundfarbe von <a> auf Farbe orange. Als Schriftart wählen wir verdana und ändern die Schriftgröße auf 14pt.

<style type="text/css"><!--
  a { 
    color: #fffff0; 
    font-size: 14pt; 
    background-color: orange; 
    font-family: verdana;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML lesen. Einzelheiten des Tag a sind in der HTML Referenz unter <a> gezeigt.