Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ff4500 und Farbe moccasin

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.

Hintergrundfarbwert #ff4500			Schriftfarbe moccasin
Detail	:	Hintergrund #ff4500	Detail	:	Schrift moccasin
Farbwert	:	#ff4500	Farbe	:	moccasin
Farbe	:	orangered	Farbwert	:	#ffe4b5
HTML	:	#ff4500	HTML	:	moccasin
HTML (Wert)	:	#ff4500	HTML (Wert)	:	#ffe4b5
CSS	:	#ff4500	CSS	:	moccasin
CSS (Wert)	:	#ff4500	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#ff4500	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(255,69,0)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(100%,27%,0%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbwert #ff4500 nach Schriftfarbe moccasin
#ff4500	#ff5b19	#ff7233	#ff894d	#ff9f67	#ffb681	#ffcd9b	#ffe4b5
#ff4500	#ff5b19	#ff7233	#ff894d	#ff9f67	#ffb681	#ffcd9b	#ffe4b5

Kombination von #ff4500 und moccasin
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von moccasin und #ff4500 ergibt sich zu 86.72%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 13.28%. moccasin ist nicht als Schriftfarbe auf Hintergrund #ff4500 geeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbwert #ff4500				Schriftfarbe moccasin
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff4500	#ff4500	#ff4500	#ff4500	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#ff5f24	#ff5f24	#da3b00	#da3b00	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#ff7a48	#ff7a48	#b63100	#b63100	#ffebca	#ffebca	#b6a281	#b6a281
#ff946d	#ff946d	#912700	#912700	#ffefd4	#ffefd4	#918267	#918267
#ffaf91	#ffaf91	#6d1d00	#6d1d00	#fff3df	#fff3df	#6d614d	#6d614d
#ffc9b6	#ffc9b6	#481300	#481300	#fff7e9	#fff7e9	#484133	#484133
#ffe4da	#ffe4da	#240900	#240900	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff4500 und Farbe moccasin

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl tr

Die Hintergrundfarbe soll sich von Farbwert #ff4500 auf Farbe moccasin ändern, wenn man mit der Maus auf <tr> zeigt. Bereiten wir zunächst die Darstellung von <tr> in Farbwert #ff4500 vor.

Wir legen in diesem Beispiel Farbwert #ff4500 als Hintergrundfarbe von <tr> fest und setzen die Größe der Schrift auf 97%.

<style type="text/css"><!--
  tr { 
    font-size: 97%; 
    background-color: #ff4500;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf moccasin gesetzt wird.

<style type="text/css"><!--
  tr: hover { 
    background-color: moccasin;
  }
//-->
</style>

Mehr zum Thema können Sie in Tabellen in HTML nachlesen. Möglichkeiten des Befehl <tr>.

Wechsel der Umrandung bei Hover bei HTML-Tag a

Einen Hyperlink setzt man mit HTML-Befehl <a>. Er kann hervorgehoben und farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbwert #ff4500 auf Farbe moccasin ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #ff4500 vor.

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #ff4500.

<style type="text/css"><!--
  a { 
    border-color: #ff4500; 
    border-width: 2px; 
    border-style: inset;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf moccasin gesetzt wird.

<style type="text/css"><!--
  a:hover { 
    border-color:moccasin;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachsehen. Einzelheiten des HTML-Befehl <a>.