Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fffff0 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 #fffff0			Schriftfarbwert #ff4500
Detail	:	Hintergrund #fffff0	Detail	:	Schrift #ff4500
Farbwert	:	#fffff0	Farbwert	:	#ff4500
Farbe	:	ivory	Farbe	:	orangered
HTML	:	#fffff0	HTML	:	#ff4500
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#ff4500
CSS	:	#fffff0	CSS	:	#ff4500
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#ff4500
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#ff4500
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(255,69,0)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(100%,27%,0%)

Verlauf Hintergrundfarbwert #fffff0 nach Schriftfarbwert #ff4500
#fffff0	#ffe4cd	#ffc9ab	#ffaf89	#ff9466	#ff7a44	#ff5f22	#ff4500
#fffff0	#ffe4cd	#ffc9ab	#ffaf89	#ff9466	#ff7a44	#ff5f22	#ff4500

Kombination von #fffff0 und #ff4500
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #ff4500 und #fffff0 beträgt 83.76%. Die Lesbarkeit dieser Kombination ergibt sich zu 16.24%. Auf Hintergrund #fffff0 ist #ff4500 ungeeignet. Zwar ist der Helligkeitsunterschied gross genug, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #fffff0				Schriftfarbwert #ff4500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#ff4500	#ff4500	#ff4500	#ff4500
#fffff2	#fffff2	#dadacd	#dadacd	#ff5f24	#ff5f24	#da3b00	#da3b00
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#ff7a48	#ff7a48	#b63100	#b63100
#fffff6	#fffff6	#919189	#919189	#ff946d	#ff946d	#912700	#912700
#fffff8	#fffff8	#6d6d66	#6d6d66	#ffaf91	#ffaf91	#6d1d00	#6d1d00
#fffffa	#fffffa	#484844	#484844	#ffc9b6	#ffc9b6	#481300	#481300
#fffffc	#fffffc	#242422	#242422	#ffe4da	#ffe4da	#240900	#240900
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffff0 und Farbwert #ff4500

Text- und Unterstreichungsfarben bei HTML-Tag h5

Eine Überschrift wird mit Tag <h5> erzeugt. Diese kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h5> auf Farbwert #ff4500. Die Schriftart setzen wir auf courier new. Die Schriftgröße setzen wir auf 89%. Wir unterstreichen den Inhalt von <h5> mit Hilfe eines gepunkteten Rahmens mit 3 Pixel Dicke in Farbwert #fffff0. Das geht mit HTML kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h5 { 
    border-bottom-width:3px; 
    border-bottom-color:#fffff0; 
    color:#ff4500; 
    font-family:courier new; 
    font-size:89%; 
    border-bottom-style:dotted;
  }
//-->
</style>

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

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

Wechsel der Hintergrundfarbe bei Hover mit Tag tbody

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

Als Beispiel legen wir Farbwert #fffff0 als Hintergrundfarbe von <tbody> fest.

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

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #ff4500 gesetzt wird.

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

Weiteres zu tbody erfahren Sie in Tabellen in HTML. Möglichkeiten vom HTML-Befehl <tbody>.