Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fdf5e6 und Farbe orangered

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 #fdf5e6			Schriftfarbe orangered
Detail	:	Hintergrund #fdf5e6	Detail	:	Schrift orangered
Farbwert	:	#fdf5e6	Farbe	:	orangered
Farbe	:	oldlace	Farbwert	:	#ff4500
HTML	:	#fdf5e6	HTML	:	orangered
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#ff4500
CSS	:	#fdf5e6	CSS	:	orangered
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#ff4500
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#ff4500
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(255,69,0)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(100%,27%,0%)

Verlauf Hintergrundfarbwert #fdf5e6 nach Schriftfarbe orangered
#fdf5e6	#fddbc5	#fdc2a4	#fda983	#fe9062	#fe7741	#fe5e20	#ff4500
#fdf5e6	#fddbc5	#fdc2a4	#fda983	#fe9062	#fe7741	#fe5e20	#ff4500

Kombination von #fdf5e6 und orangered
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.				orangered ist nicht als Schriftfarbe auf Hintergrund #fdf5e6 geeignet, weil die Farben zu ähnlich sind. Die Ähnlichkeit der Farben orangered und #fdf5e6 ergibt sich zu 84.88%. Die Lesbarkeit dieser Kombination bewerte ich mit 15.12%.

Hintergrundfarbwert #fdf5e6				Schriftfarbe orangered
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#ff4500	#ff4500	#ff4500	#ff4500
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#ff5f24	#ff5f24	#da3b00	#da3b00
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#ff7a48	#ff7a48	#b63100	#b63100
#fdf9f0	#fdf9f0	#908c83	#908c83	#ff946d	#ff946d	#912700	#912700
#fefaf4	#fefaf4	#6c6962	#6c6962	#ffaf91	#ffaf91	#6d1d00	#6d1d00
#fefcf7	#fefcf7	#484641	#484641	#ffc9b6	#ffc9b6	#481300	#481300
#fefdfb	#fefdfb	#242320	#242320	#ffe4da	#ffe4da	#240900	#240900
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fdf5e6 und Farbe orangered

Text- und Unterstreichungsfarben bei HTML-Tag caption

Hier ändern wir die Textfarbe von <caption> auf Farbe orangered. Die Schriftart ändern wir auf courier new und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines einfallenden Rahmens mit 5 Punkte Dicke in Farbwert #fdf5e6. In HTML ist dies kaum machbar. Wir nutzen daher CSS.

<style type="text/css"><!--
  caption { 
    color: orangered; 
    font-family: courier new; 
    font-size: 13px; 
    border-bottom: 5pt inset #fdf5e6;
  }
//-->
</style>

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

Weiteres zum Thema caption können Sie in Tabellen in HTML nachlesen. Möglichkeiten des hier genutzten HTML-Befehl caption sind in der HTML Referenz unter <caption> genau zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl a

Ein Link wird mit Tag <a> erzeugt. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #fdf5e6 auf Farbe orangered ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #fdf5e6 vor.

Zum Beispiel legen wir die Hintergrundfarbe von <a> auf Farbwert #fdf5e6 fest.

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu orangered ändert.

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML lesen. Möglichkeiten vom hier genutzten HTML-Tag a sind in der HTML Referenz unter <a> genau zusammengestellt.