Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gold und Farbwert #fdf5e6

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 gold			Schriftfarbwert #fdf5e6
Detail	:	Hintergrund gold	Detail	:	Schrift #fdf5e6
Farbe	:	gold	Farbwert	:	#fdf5e6
Farbwert	:	#ffd700	Farbe	:	oldlace
HTML	:	gold	HTML	:	#fdf5e6
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#fdf5e6
CSS	:	gold	CSS	:	#fdf5e6
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #fdf5e6
#ffd700	#fedb20	#fedf41	#fee362	#fde883	#fdeca4	#fdf0c5	#fdf5e6
#ffd700	#fedb20	#fedf41	#fee362	#fde883	#fdeca4	#fdf0c5	#fdf5e6

Kombination von gold und #fdf5e6
Cras id velit ante. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #fdf5e6 und gold ergibt sich zu 93.84%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.16%. #fdf5e6 eignet sich nicht als Schriftfarbe auf Hintergrund gold, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe gold				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#ffdc24	#ffdc24	#dab800	#dab800	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#ffe248	#ffe248	#b69900	#b69900	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#ffe86d	#ffe86d	#917a00	#917a00	#fdf9f0	#fdf9f0	#908c83	#908c83
#ffed91	#ffed91	#6d5c00	#6d5c00	#fefaf4	#fefaf4	#6c6962	#6c6962
#fff3b6	#fff3b6	#483d00	#483d00	#fefcf7	#fefcf7	#484641	#484641
#fff9da	#fff9da	#241e00	#241e00	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #fdf5e6

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl h3

Mit Befehl <h3> setzen Sie eine Überschrift. Diese kann man farblich gestalten.

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

In diesem Beispiel ändern wir die Hintergrundfarbe von <h3> auf Farbe gold und ändern die Schriftgröße auf 9px.

<style type="text/css"><!--
  h3 { 
    font-size: 9px; 
    background-color: gold;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #fdf5e6 gesetzt wird.

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

Weiteres zum Thema h3 lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des Tag h3 sind in der HTML Referenz unter <h3> ausführlich beschrieben.

Wechsel der Umrandung bei Hover bei HTML-Befehl dfn

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

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

<style type="text/css"><!--
  dfn { border:1px inset gold; }
//-->
</style>

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

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

Weiteres zum Thema erfahren Sie in Text in HTML. Die Beschreibung des HTML-Befehl dfn lesen Sie in der HTML Referenz unter <dfn>.