Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffe4e1 und Farbwert #f5f5dc

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 #ffe4e1			Schriftfarbwert #f5f5dc
Detail	:	Hintergrund #ffe4e1	Detail	:	Schrift #f5f5dc
Farbwert	:	#ffe4e1	Farbwert	:	#f5f5dc
Farbe	:	mistyrose	Farbe	:	beige
HTML	:	#ffe4e1	HTML	:	#f5f5dc
HTML (Wert)	:	#ffe4e1	HTML (Wert)	:	#f5f5dc
CSS	:	#ffe4e1	CSS	:	#f5f5dc
CSS (Wert)	:	#ffe4e1	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#ffe4e1	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(255,228,225)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(100%,89%,88%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbwert #ffe4e1 nach Schriftfarbwert #f5f5dc
#ffe4e1	#fde6e0	#fce8df	#faebde	#f9edde	#f7f0dd	#f6f2dc	#f5f5dc
#ffe4e1	#fde6e0	#fce8df	#faebde	#f9edde	#f7f0dd	#f6f2dc	#f5f5dc

Kombination von #ffe4e1 und #f5f5dc
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.				#f5f5dc ist nicht als Schriftfarbe auf Hintergrund #ffe4e1 geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #f5f5dc und #ffe4e1 ergibt sich zu 94.82%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.18%.

Hintergrundfarbwert #ffe4e1				Schriftfarbwert #f5f5dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#ffe7e5	#ffe7e5	#dac3c0	#dac3c0	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#ffebe9	#ffebe9	#b6a2a0	#b6a2a0	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#ffefed	#ffefed	#918280	#918280	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#fff3f2	#fff3f2	#6d6160	#6d6160	#fafaf0	#fafaf0	#69695e	#69695e
#fff7f6	#fff7f6	#484140	#484140	#fcfcf5	#fcfcf5	#46463e	#46463e
#fffbfa	#fffbfa	#242020	#242020	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffe4e1 und Farbwert #f5f5dc

Wechsel der Umrandung bei Hover mit Tag samp

Die Rahmenfarbe soll sich von Farbwert #ffe4e1 auf Farbwert #f5f5dc ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <samp> in Farbwert #ffe4e1 vor.

In diesem Beispiel umranden wir <samp> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbwert #ffe4e1.

<style type="text/css"><!--
  samp { 
    border-style:inset; 
    border-color:#ffe4e1; 
    border-width:1px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #f5f5dc ändert.

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

Weiteres zum Thema lesen Sie in Text in HTML. Der hier gezeigte Tag samp ist in der HTML Referenz bei <samp> ausführlich gezeigt.

Text- und Unterstreichungsfarben von Befehl h6

Eine Überschrift wird mit Tag <h6> erzeugt. Diese können Sie farblich gestalten.

Wir ändern Hher die Textfarbe von <h6> auf Farbwert #f5f5dc. Die Schriftart ändern wir auf monospace und ändern die Schriftgröße auf 14px. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gefurchten Rahmens mit 3 Punkte Dicke in Farbwert #ffe4e1. Dies ist mit HTML nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  h6 { 
    color:#f5f5dc; 
    border-bottom:3pt groove #ffe4e1; 
    font-family:monospace; 
    font-size:14px;
  }
//-->
</style>

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des hier gezeigten HTML-Befehl <h6>.