Ressourcen: 120 HTML Farbnamen - Kombination von Farbe gold und Farbwert #e0ffff

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.

Hintergrundfarbe gold			Schriftfarbwert #e0ffff
Detail	:	Hintergrund gold	Detail	:	Schrift #e0ffff
Farbe	:	gold	Farbwert	:	#e0ffff
Farbwert	:	#ffd700	Farbe	:	lightcyan
HTML	:	gold	HTML	:	#e0ffff
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#e0ffff
CSS	:	gold	CSS	:	#e0ffff
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #e0ffff
#ffd700	#fadc24	#f6e248	#f1e86d	#eded91	#e8f3b6	#e4f9da	#e0ffff
#ffd700	#fadc24	#f6e248	#f1e86d	#eded91	#e8f3b6	#e4f9da	#e0ffff

Kombination von gold und #e0ffff
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit von #e0ffff und gold ergibt sich zu 93.67%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.33%. Auf Hintergrund gold ist #e0ffff ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe gold				Schriftfarbwert #e0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#ffdc24	#ffdc24	#dab800	#dab800	#e4ffff	#e4ffff	#c0dada	#c0dada
#ffe248	#ffe248	#b69900	#b69900	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#ffe86d	#ffe86d	#917a00	#917a00	#edffff	#edffff	#809191	#809191
#ffed91	#ffed91	#6d5c00	#6d5c00	#f1ffff	#f1ffff	#606d6d	#606d6d
#fff3b6	#fff3b6	#483d00	#483d00	#f6ffff	#f6ffff	#404848	#404848
#fff9da	#fff9da	#241e00	#241e00	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe gold und Farbwert #e0ffff

Wechsel der Umrandung bei Hover von HTML-Tag div

Ein Kontainer wird mit Befehl <div> gesetzt. Diesen können Sie farblich gestalten.

Die Rahmenfarbe soll sich von Farbe gold auf Farbwert #e0ffff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <div> in Farbe gold vor.

In diesem Beispiel umranden wir <div> mit einem 3 Pixel dicken, doppelten Rahmen in Farbe gold.

<style type="text/css"><!--
  div { border:3px double gold; }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #e0ffff geändert wird.

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

Mehr zum Tag div ist in der HTML Referenz unter <div> genau gezeigt.