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

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			Schriftfarbwert #adff2f
Detail	:	Hintergrund #ffd700	Detail	:	Schrift #adff2f
Farbwert	:	#ffd700	Farbwert	:	#adff2f
Farbe	:	gold	Farbe	:	greenyellow
HTML	:	#ffd700	HTML	:	#adff2f
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#adff2f
CSS	:	#ffd700	CSS	:	#adff2f
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#adff2f
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#adff2f
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(173,255,47)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(67%,100%,18%)

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbwert #adff2f
#ffd700	#f3dc06	#e7e20d	#dbe814	#d0ed1a	#c4f321	#b8f928	#adff2f
#ffd700	#f3dc06	#e7e20d	#dbe814	#d0ed1a	#c4f321	#b8f928	#adff2f

Kombination von #ffd700 und #adff2f
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #adff2f und #ffd700 beträgt 94.55%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.45%. #adff2f eignet sich nicht als Schriftfarbe auf Hintergrund #ffd700, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #ffd700				Schriftfarbwert #adff2f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#adff2f	#adff2f	#adff2f	#adff2f
#ffdc24	#ffdc24	#dab800	#dab800	#b8ff4c	#b8ff4c	#94da28	#94da28
#ffe248	#ffe248	#b69900	#b69900	#c4ff6a	#c4ff6a	#7bb621	#7bb621
#ffe86d	#ffe86d	#917a00	#917a00	#d0ff88	#d0ff88	#62911a	#62911a
#ffed91	#ffed91	#6d5c00	#6d5c00	#dbffa5	#dbffa5	#4a6d14	#4a6d14
#fff3b6	#fff3b6	#483d00	#483d00	#e7ffc3	#e7ffc3	#31480d	#31480d
#fff9da	#fff9da	#241e00	#241e00	#f3ffe1	#f3ffe1	#182406	#182406
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffd700 und Farbwert #adff2f

Wechsel der Hintergrundfarbe bei Hover mit Befehl form

Die Hintergrundfarbe soll sich von Farbwert #ffd700 auf Farbwert #adff2f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <form> in Farbwert #ffd700 vor.

Hier ändern wir bei <form> die Hintergrundfarbe auf Farbwert #ffd700. Die Textfarbe behalten wir bei. Die Schriftart ändern wir auf arial. Die Größe der Schrift setzen wir auf 90%.

<style type="text/css"><!--
  form { 
    font-family:arial; 
    font-size:90%; 
    background-color:#ffd700;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #adff2f ändert.

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

Mehr zum Thema finden Sie in Formulare in HTML. Beschreibung vom hier gezeigten HTML-Befehl <form>.

Wechsel der Textfarbe bei Hover mit Befehl a

Einen Link erzeugen Sie mit Tag <a> und kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #ffd700 auf Farbwert #adff2f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #ffd700 vor.

Als Beispiel setzen wir die Textfarbe von <a> auf Farbwert #ffd700. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart ändern wir auf verdana:

<style type="text/css"><!--
  a { 
    color: #ffd700; 
    font-family: verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu #adff2f ändert.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML finden. Weiteres zum hier genutzten HTML-Befehl <a>.