Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000000 und Farbwert #ff4500

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.

Hintergrundfarbwert #000000			Schriftfarbwert #ff4500
Detail	:	Hintergrund #000000	Detail	:	Schrift #ff4500
Farbwert	:	#000000	Farbwert	:	#ff4500
Farbe	:	black	Farbe	:	orangered
HTML	:	#000000	HTML	:	#ff4500
HTML (Wert)	:	#000000	HTML (Wert)	:	#ff4500
CSS	:	#000000	CSS	:	#ff4500
CSS (Wert)	:	#000000	CSS (Wert)	:	#ff4500
CSS (kürzest)	:	#000	CSS (kürzest)	:	#ff4500
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(255,69,0)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(100%,27%,0%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #ff4500
#000000	#240900	#481300	#6d1d00	#912700	#b63100	#da3b00	#ff4500
#000000	#240900	#481300	#6d1d00	#912700	#b63100	#da3b00	#ff4500

Kombination von #000000 und #ff4500
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #000000 ist #ff4500 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #ff4500 und #000000 ergibt sich zu 70.94%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 29.06%.

Hintergrundfarbwert #000000				Schriftfarbwert #ff4500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#ff4500	#ff4500	#ff4500	#ff4500
#242424	#242424	#000000	#000000	#ff5f24	#ff5f24	#da3b00	#da3b00
#484848	#484848	#000000	#000000	#ff7a48	#ff7a48	#b63100	#b63100
#6d6d6d	#6d6d6d	#000000	#000000	#ff946d	#ff946d	#912700	#912700
#919191	#919191	#000000	#000000	#ffaf91	#ffaf91	#6d1d00	#6d1d00
#b6b6b6	#b6b6b6	#000000	#000000	#ffc9b6	#ffc9b6	#481300	#481300
#dadada	#dadada	#000000	#000000	#ffe4da	#ffe4da	#240900	#240900
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000000 und Farbwert #ff4500

Wechsel der Umrandung bei Hover mit HTML-Tag frame

Die Rahmenfarbe soll sich von Farbwert #000000 auf Farbwert #ff4500 ändern, wenn man mit der Maus auf <frame> zeigt. Bereiten wir zunächst eine Darstellung von <frame> in Farbwert #000000 vor.

In diesem Beispiel umranden wir <frame> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbwert #000000.

<style type="text/css"><!--
  frame { 
    border-color:#000; 
    border-style:dashed; 
    border-width:4px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #ff4500 gesetzt wird.

<style type="text/css"><!--
  frame:hover { 
    border-color:#ff4500;
  }
//-->
</style>

Einzelheiten vom hier gezeigten HTML-Tag <frame>.

Text- und Unterstreichungsfarben bei Tag h3

Mit HTML-Tag <h3> setzen Sie eine Überschrift. Diese kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <h3> auf Farbwert #ff4500 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf verdana. Die Schriftgröße erhöhen wir auf 117%. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines gestrichelten Rahmens mit 4 Punkte Dicke in Farbwert #000000. Das geht in HTML kaum. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  h3 { 
    font-family: verdana; 
    color: #ff4500; 
    border-bottom-color: #000; 
    border-bottom-width: 4pt; 
    border-bottom-style: dashed; 
    font-size: 117%;
  }
//-->
</style>

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

Weiteres zum Thema h3 finden Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom Tag <h3>.