Ressourcen: 120 HTML Farbnamen - Kombination von Farbe indigo und Farbwert #fffafa

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.

Hintergrundfarbe indigo			Schriftfarbwert #fffafa
Detail	:	Hintergrund indigo	Detail	:	Schrift #fffafa
Farbe	:	indigo	Farbwert	:	#fffafa
Farbwert	:	#4b0082	Farbe	:	snow
HTML	:	indigo	HTML	:	#fffafa
HTML (Wert)	:	#4b0082	HTML (Wert)	:	#fffafa
CSS	:	indigo	CSS	:	#fffafa
CSS (Wert)	:	#4b0082	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#4b0082	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(75,0,130)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(29%,0%,50%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbe indigo nach Schriftfarbwert #fffafa
#4b0082	#642393	#7e47a4	#986bb5	#b18ec6	#cbb2d7	#e5d6e8	#fffafa
#4b0082	#642393	#7e47a4	#986bb5	#b18ec6	#cbb2d7	#e5d6e8	#fffafa

Kombination von indigo und #fffafa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#fffafa eignet sich als Schriftfarbe auf Hintergrund indigo, da Helligkeitsunterschied und Farbenunterschied gut sind. Die Ähnlichkeit von #fffafa und indigo beträgt 40.37%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 59.63%.

Hintergrundfarbe indigo				Schriftfarbwert #fffafa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4b0082	#4b0082	#4b0082	#4b0082	#fffafa	#fffafa	#fffafa	#fffafa
#642493	#642493	#40006f	#40006f	#fffafa	#fffafa	#dad6d6	#dad6d6
#7e48a5	#7e48a5	#35005c	#35005c	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#986db7	#986db7	#2a004a	#2a004a	#fffcfc	#fffcfc	#918e8e	#918e8e
#b191c9	#b191c9	#200037	#200037	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#cbb6db	#cbb6db	#150025	#150025	#fffdfd	#fffdfd	#484747	#484747
#e5daed	#e5daed	#0a0012	#0a0012	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indigo und Farbwert #fffafa

Text- und Unterstreichungsfarben mit Befehl a

Mit HTML-Tag <a> wird ein Link gesetzt und kann farblich gestaltet und hervorgehoben werden.

Wir ändern bei diesem Beispiel die Textfarbe von <a> auf Farbwert #fffafa. Die Schriftart ändern wir auf arial und setzen die Schriftgröße auf 12pt. Wir unterstreichen den Inhalt von <a> mit Hilfe eines einfallenden Rahmens mit 5 Pixel Dicke in Farbe indigo. Das geht mit HTML kaum. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    color: #fffafa; 
    border-bottom-width: 5px; 
    font-size: 12pt; 
    font-family: arial; 
    border-bottom-style: inset; 
    border-bottom-color: indigo;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Mehr zum HTML-Tag a ist in der HTML Referenz unter <a> ausführlich zusammengestellt.

Wechsel der Textfarbe bei Hover von Tag dfn

Die Textfarbe soll sich von Farbe indigo auf Farbwert #fffafa ändern, wenn man mit der Maus auf <dfn> zeigt. Bereiten wir zunächst eine Formatierung von <dfn> in Farbe indigo vor.

Als Beispiel legen wir Farbe indigo als Textfarbe von <dfn> fest. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  dfn { 
    color:indigo; 
    font-size:13px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #fffafa gesetzt wird.

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

Mehr zum Thema dfn lesen Sie in Text in HTML. Mehr zum Tag dfn ist in der HTML Referenz unter <dfn> genau gezeigt.