Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffd700 und Farbwert #191970

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 #191970
Detail	:	Hintergrund #ffd700	Detail	:	Schrift #191970
Farbwert	:	#ffd700	Farbwert	:	#191970
Farbe	:	gold	Farbe	:	midnightblue
HTML	:	#ffd700	HTML	:	#191970
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#191970
CSS	:	#ffd700	CSS	:	#191970
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#191970
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbwert #191970
#ffd700	#debb10	#bda020	#9c8530	#7b6a40	#5a4f50	#393460	#191970
#ffd700	#debb10	#bda020	#9c8530	#7b6a40	#5a4f50	#393460	#191970

Kombination von #ffd700 und #191970
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#191970 eignet sich als Schriftfarbe auf Hintergrund #ffd700. Der Helligkeitsunterschied ist geeignet, der Farbenunterschied ebenso. Die Ähnlichkeit von #191970 und #ffd700 beträgt 49.59%. Die Lesbarkeit dieser Kombination liegt damit bei 50.41%.

Hintergrundfarbwert #ffd700				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#191970	#191970	#191970	#191970
#ffdc24	#ffdc24	#dab800	#dab800	#393984	#393984	#151560	#151560
#ffe248	#ffe248	#b69900	#b69900	#5a5a98	#5a5a98	#111150	#111150
#ffe86d	#ffe86d	#917a00	#917a00	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#ffed91	#ffed91	#6d5c00	#6d5c00	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#fff3b6	#fff3b6	#483d00	#483d00	#bdbdd6	#bdbdd6	#070720	#070720
#fff9da	#fff9da	#241e00	#241e00	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffd700 und Farbwert #191970

Wechsel der Textfarbe bei Hover mit HTML-Tag thead

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

Wir legen als Beispiel die Textfarbe von <thead> auf Farbwert #ffd700 fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf monospace.

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

Nun stellen wir ein, dass bei Hover die Textfarbe auf #191970 geändert wird.

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

Mehr zu thead können Sie in Tabellen in HTML nachsehen. Zur Beschreibung vom HTML-Befehl <thead>.

Füllen und Umranden bei HTML-Tag var

Hier umranden wir <var> mit einem gepunkteten, 2 Punkte dicken Rahmen in Farbwert #191970 . Die Hintergrundfarbe für <var> färben wir mit Farbwert #ffd700. In HTML geht das nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  var { border:2pt dotted #191970; background-color:#ffd700; }
//-->
</style>

Mehr zum Thema var können Sie in Text in HTML erfahren. Beschreibung des Tag <var>.