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

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 #ffefd5
Detail	:	Hintergrund khaki	Detail	:	Schrift #ffefd5
Farbe	:	khaki	Farbwert	:	#ffefd5
Farbwert	:	#f0e68c	Farbe	:	papayawhip
HTML	:	khaki	HTML	:	#ffefd5
HTML (Wert)	:	#f0e68c	HTML (Wert)	:	#ffefd5
CSS	:	khaki	CSS	:	#ffefd5
CSS (Wert)	:	#f0e68c	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#f0e68c	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(240,230,140)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(94%,90%,54%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbe khaki nach Schriftfarbwert #ffefd5
#f0e68c	#f2e796	#f4e8a0	#f6e9ab	#f8ebb5	#faecc0	#fcedca	#ffefd5
#f0e68c	#f2e796	#f4e8a0	#f6e9ab	#f8ebb5	#faecc0	#fcedca	#ffefd5

Kombination von khaki und #ffefd5
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ffefd5 eignet sich nicht als Schriftfarbe auf Hintergrund khaki. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit von #ffefd5 und khaki beträgt 94.61%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.39%.

Hintergrundfarbe khaki				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0e68c	#f0e68c	#f0e68c	#f0e68c	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#f2e99c	#f2e99c	#cdc578	#cdc578	#fff1db	#fff1db	#daccb6	#daccb6
#f4edac	#f4edac	#aba464	#aba464	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#f6f0bd	#f6f0bd	#898350	#898350	#fff5e7	#fff5e7	#918879	#918879
#f8f4cd	#f8f4cd	#66623c	#66623c	#fff8ed	#fff8ed	#6d665b	#6d665b
#faf7de	#faf7de	#444128	#444128	#fffaf3	#fffaf3	#48443c	#48443c
#fcfbee	#fcfbee	#222014	#222014	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe khaki und Farbwert #ffefd5

Wechsel der Umrandung bei Hover mit Tag p

Die Rahmenfarbe soll sich von Farbe khaki auf Farbwert #ffefd5 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <p> in Farbe khaki vor.

In diesem Beispiel umranden wir <p> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbe khaki.

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #ffefd5 gesetzt wird.

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

Mehr zu p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier genutzten Befehl <p>.

Hintergrund/Text-Kombination bei HTML-Befehl address

Wir ändern für dieses Beispiel die Textfarbe von <address> auf Farbwert #ffefd5 und die Hintergrundfarbe von <address> auf Farbe khaki. Als Schriftart wählen wir arial. Die Schriftgröße ändern wir auf 14pt.

<style type="text/css"><!--
  address { 
    font-size:14pt; 
    font-family:arial; 
    background-color:khaki; 
    color:#ffefd5;
  }
//-->
</style>

Mehr zu address erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum Befehl <address>.