Ressourcen: 137 HTML Farbnamen - Kombination von Farbe khaki und Farbwert #ffe4e1

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.

Hintergrundfarbe khaki			Schriftfarbwert #ffe4e1
Detail	:	Hintergrund khaki	Detail	:	Schrift #ffe4e1
Farbe	:	khaki	Farbwert	:	#ffe4e1
Farbwert	:	#f0e68c	Farbe	:	mistyrose
HTML	:	khaki	HTML	:	#ffe4e1
HTML (Wert)	:	#f0e68c	HTML (Wert)	:	#ffe4e1
CSS	:	khaki	CSS	:	#ffe4e1
CSS (Wert)	:	#f0e68c	CSS (Wert)	:	#ffe4e1
CSS (kürzest)	:	#f0e68c	CSS (kürzest)	:	#ffe4e1
CSS (RGB)	:	rgb(240,230,140)	CSS (RGB)	:	rgb(255,228,225)
CSS (%RGB)	:	rgb(94%,90%,54%)	CSS (%RGB)	:	rgb(100%,89%,88%)

Verlauf Hintergrundfarbe khaki nach Schriftfarbwert #ffe4e1
#f0e68c	#f2e598	#f4e5a4	#f6e5b0	#f8e4bc	#fae4c8	#fce4d4	#ffe4e1
#f0e68c	#f2e598	#f4e5a4	#f6e5b0	#f8e4bc	#fae4c8	#fce4d4	#ffe4e1

Kombination von khaki und #ffe4e1
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #ffe4e1 und khaki beträgt 94.94%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.06%. #ffe4e1 ist nicht als Schriftfarbe auf Hintergrund khaki geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe khaki				Schriftfarbwert #ffe4e1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0e68c	#f0e68c	#f0e68c	#f0e68c	#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1
#f2e99c	#f2e99c	#cdc578	#cdc578	#ffe7e5	#ffe7e5	#dac3c0	#dac3c0
#f4edac	#f4edac	#aba464	#aba464	#ffebe9	#ffebe9	#b6a2a0	#b6a2a0
#f6f0bd	#f6f0bd	#898350	#898350	#ffefed	#ffefed	#918280	#918280
#f8f4cd	#f8f4cd	#66623c	#66623c	#fff3f2	#fff3f2	#6d6160	#6d6160
#faf7de	#faf7de	#444128	#444128	#fff7f6	#fff7f6	#484140	#484140
#fcfbee	#fcfbee	#222014	#222014	#fffbfa	#fffbfa	#242020	#242020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe khaki und Farbwert #ffe4e1

Füllen und Umranden bei Tag hr

Hier umranden wir <hr> mit einem doppelten, 1 Punkte dicken Rahmen in Farbwert #ffe4e1 . Die Hintergrundfarbe für <hr> färben wir mit Farbe khaki. Mit HTML geht das kaum. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  hr { border:1pt double #ffe4e1; background-color:khaki; }
//-->
</style>

Weiteres zum Thema hr finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum HTML-Befehl hr ist in der HTML Referenz unter <hr> gezeigt.

Wechsel der Hintergrundfarbe bei Hover von Tag a

Mit HTML-Befehl <a> erzeugen Sie einen Link. Er kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel legen wir Farbe khaki als Hintergrundfarbe von <a> fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf courier new. Die Schriftgröße verkleinern wir auf 86%:

<style type="text/css"><!--
  a { 
    font-size: 86%; 
    font-family: courier new; 
    background-color: khaki;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #ffe4e1 gesetzt wird.

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

Mehr zu a finden Sie in Verweise und Protokolle in HTML. Beschreibung des HTML-Tag <a>.