Ressourcen: 137 HTML Farbnamen - Kombination von Farbe indigo und Farbwert #d2b48c

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.

Hintergrundfarbe indigo			Schriftfarbwert #d2b48c
Detail	:	Hintergrund indigo	Detail	:	Schrift #d2b48c
Farbe	:	indigo	Farbwert	:	#d2b48c
Farbwert	:	#4b0082	Farbe	:	tan
HTML	:	indigo	HTML	:	#d2b48c
HTML (Wert)	:	#4b0082	HTML (Wert)	:	#d2b48c
CSS	:	indigo	CSS	:	#d2b48c
CSS (Wert)	:	#4b0082	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#4b0082	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(75,0,130)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(29%,0%,50%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbe indigo nach Schriftfarbwert #d2b48c
#4b0082	#5e1983	#713384	#844d86	#986687	#ab8089	#be9a8a	#d2b48c
#4b0082	#5e1983	#713384	#844d86	#986687	#ab8089	#be9a8a	#d2b48c

Kombination von indigo und #d2b48c
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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#d2b48c ist nicht als Schriftfarbe auf Hintergrund indigo geeignet. Zwar ist der Helligkeitsunterschied ausreichend, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #d2b48c und indigo ergibt sich zu 68.73%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 31.27%.

Hintergrundfarbe indigo				Schriftfarbwert #d2b48c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4b0082	#4b0082	#4b0082	#4b0082	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#642493	#642493	#40006f	#40006f	#d8be9c	#d8be9c	#b49a78	#b49a78
#7e48a5	#7e48a5	#35005c	#35005c	#dec9ac	#dec9ac	#968064	#968064
#986db7	#986db7	#2a004a	#2a004a	#e5d4bd	#e5d4bd	#786650	#786650
#b191c9	#b191c9	#200037	#200037	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#cbb6db	#cbb6db	#150025	#150025	#f2e9de	#f2e9de	#3c3328	#3c3328
#e5daed	#e5daed	#0a0012	#0a0012	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indigo und Farbwert #d2b48c

Wechsel der Textfarbe bei Hover mit Tag center

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

Wir setzen z.B. die Textfarbe von <center> auf Farbe indigo. Die Größe der Schrift setzen wir auf 113%.

<style type="text/css"><!--
  center { 
    font-size: 113%; 
    color: indigo;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #d2b48c gesetzt wird.

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

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der Befehl center ist in der HTML Referenz unter <center> zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl dt

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

Z.B. legen wir Farbe indigo als Hintergrundfarbe von <dt> fest:

<style type="text/css"><!--
  dt { 
    background-color:indigo;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #d2b48c geändert wird.

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Weiteres zum HTML-Befehl <dt>.