Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffd700 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.

Hintergrundfarbwert #ffd700			Schriftfarbwert #fdf5e6
Detail	:	Hintergrund #ffd700	Detail	:	Schrift #fdf5e6
Farbwert	:	#ffd700	Farbwert	:	#fdf5e6
Farbe	:	gold	Farbe	:	oldlace
HTML	:	#ffd700	HTML	:	#fdf5e6
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#fdf5e6
CSS	:	#ffd700	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 Hintergrundfarbwert #ffd700 nach Schriftfarbwert #fdf5e6
#ffd700	#fedb20	#fedf41	#fee362	#fde883	#fdeca4	#fdf0c5	#fdf5e6
#ffd700	#fedb20	#fedf41	#fee362	#fde883	#fdeca4	#fdf0c5	#fdf5e6

Kombination von #ffd700 und #fdf5e6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #fdf5e6 und #ffd700 ergibt sich zu 93.84%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.16%. Auf Hintergrund #ffd700 ist #fdf5e6 ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #ffd700				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 Farbwert #ffd700 und Farbwert #fdf5e6

Wechsel der Umrandung bei Hover von Befehl a

Einen Link setzen Sie mit HTML-Befehl <a>. Diesen können Sie farblich gestalten.

Die Rahmenfarbe soll sich von Farbwert #ffd700 auf Farbwert #fdf5e6 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #ffd700 vor.

In diesem Beispiel umranden wir <a> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbwert #ffd700.

<style type="text/css"><!--
  a { border:1px groove #ffd700; }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #fdf5e6 ändert.

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML finden. Einzelheiten des hier genutzten Befehl a sind in der HTML Referenz unter <a> genau beschrieben.

Wechsel der Textfarbe bei Hover von Befehl p

Die Textfarbe soll sich von Farbwert #ffd700 auf Farbwert #fdf5e6 ändern, wenn man mit der Maus auf <p> zeigt. Wir bereiten zunächst eine Darstellung von <p> in Farbwert #ffd700 vor.

Für dieses Beispiel legen wir Farbwert #ffd700 als Textfarbe von <p> fest.

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

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #fdf5e6 geändert wird.

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

Weiteres zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des HTML-Tag p finden Sie in der HTML Referenz unter <p>.