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

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 #e0ffff			Schriftfarbe gold
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift gold
Farbwert	:	#e0ffff	Farbe	:	gold
Farbe	:	lightcyan	Farbwert	:	#ffd700
HTML	:	#e0ffff	HTML	:	gold
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#ffd700
CSS	:	#e0ffff	CSS	:	gold
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbe gold
#e0ffff	#e4f9da	#e8f3b6	#eded91	#f1e86d	#f6e248	#fadc24	#ffd700
#e0ffff	#e4f9da	#e8f3b6	#eded91	#f1e86d	#f6e248	#fadc24	#ffd700

Kombination von #e0ffff und gold
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #e0ffff ist gold ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben gold und #e0ffff beträgt 93.67%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.33%.

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

Beispiele zur Kombination von Farbwert #e0ffff und Farbe gold

Wechsel der Umrandung bei Hover bei HTML-Befehl pre

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

In diesem Beispiel umranden wir <pre> mit einem 4 Pixel dicken, doppelten Rahmen in Farbwert #e0ffff.

<style type="text/css"><!--
  pre { border:4px double #e0ffff; }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf gold ändert.

<style type="text/css"><!--
  pre:hover { 
    border-color:gold;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML finden. Die Beschreibung vom HTML-Tag pre erfahren Sie in der HTML Referenz unter <pre>.

Füllen und Umranden von HTML-Tag img

In diesem Beispiel umranden wir <img> mit einem einfallenden, 4 Punkte dicken Rahmen in Farbe gold . Die Hintergrundfarbe für <img> färben wir entsprechend mit Farbwert #e0ffff. In HTML ist dies kaum machbar. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  img { border:4pt inset gold; background-color:#e0ffff; }
//-->
</style>

Mehr zum Thema img können Sie in Grafik in HTML erfahren. Zur Beschreibung vom hier genutzten HTML-Befehl <img>.