Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffd700 und Farbe darkviolet

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 #ffd700			Schriftfarbe darkviolet
Detail	:	Hintergrund #ffd700	Detail	:	Schrift darkviolet
Farbwert	:	#ffd700	Farbe	:	darkviolet
Farbe	:	gold	Farbwert	:	#9400d3
HTML	:	#ffd700	HTML	:	darkviolet
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#9400d3
CSS	:	#ffd700	CSS	:	darkviolet
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#9400d3
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#9400d3
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(148,0,211)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(58%,0%,82%)

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbe darkviolet
#ffd700	#efb81e	#e0993c	#d17a5a	#c15c78	#b23d96	#a31eb4	#9400d3
#ffd700	#efb81e	#e0993c	#d17a5a	#c15c78	#b23d96	#a31eb4	#9400d3

Kombination von #ffd700 und darkviolet
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				darkviolet eignet sich als Schriftfarbe auf Hintergrund #ffd700, da sowohl der Unterschied in den Helligkeiten als auch der Farbenunterschied ok sind. Die Ähnlichkeit der Farben darkviolet und #ffd700 ergibt sich zu 77.72%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 22.28%.

Hintergrundfarbwert #ffd700				Schriftfarbe darkviolet
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#9400d3	#9400d3	#9400d3	#9400d3
#ffdc24	#ffdc24	#dab800	#dab800	#a324d9	#a324d9	#7e00b4	#7e00b4
#ffe248	#ffe248	#b69900	#b69900	#b248df	#b248df	#690096	#690096
#ffe86d	#ffe86d	#917a00	#917a00	#c16de5	#c16de5	#540078	#540078
#ffed91	#ffed91	#6d5c00	#6d5c00	#d191ec	#d191ec	#3f005a	#3f005a
#fff3b6	#fff3b6	#483d00	#483d00	#e0b6f2	#e0b6f2	#2a003c	#2a003c
#fff9da	#fff9da	#241e00	#241e00	#efdaf8	#efdaf8	#15001e	#15001e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffd700 und Farbe darkviolet

Hintergrund/Text-Kombination von HTML-Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbe darkviolet und die Hintergrundfarbe von <p> auf Farbwert #ffd700. Als Schriftart wählen wir monospace und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  p { 
    font-size: 13px; 
    font-family: monospace; 
    color: darkviolet; 
    background-color: #ffd700;
  }
//-->
</style>

Mehr zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier genutzten HTML-Tag p sind in der HTML Referenz bei <p> genau zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover bei Tag li

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

Wir ändern in diesem Beispiel bei <li> die Hintergrundfarbe auf Farbwert #ffd700. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  li { 
    font-family:courier new; 
    background-color:#ffd700;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf darkviolet gesetzt wird.

<style type="text/css"><!--
  li: hover { 
    background-color: darkviolet;
  }
//-->
</style>

Weiteres zu li lesen Sie in Listen und Glossare in HTML. Die Beschreibung vom HTML-Befehl li lesen Sie in der HTML Referenz unter <li>.