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

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 #708090
Detail	:	Hintergrund indigo	Detail	:	Schrift #708090
Farbe	:	indigo	Farbwert	:	#708090
Farbwert	:	#4b0082	Farbe	:	slategray
HTML	:	indigo	HTML	:	#708090
HTML (Wert)	:	#4b0082	HTML (Wert)	:	#708090
CSS	:	indigo	CSS	:	#708090
CSS (Wert)	:	#4b0082	CSS (Wert)	:	#708090
CSS (kürzest)	:	#4b0082	CSS (kürzest)	:	#708090
CSS (RGB)	:	rgb(75,0,130)	CSS (RGB)	:	rgb(112,128,144)
CSS (%RGB)	:	rgb(29%,0%,50%)	CSS (%RGB)	:	rgb(43%,50%,56%)

Verlauf Hintergrundfarbe indigo nach Schriftfarbwert #708090
#4b0082	#501284	#552486	#5a3688	#60498a	#655b8c	#6a6d8e	#708090
#4b0082	#501284	#552486	#5a3688	#60498a	#655b8c	#6a6d8e	#708090

Kombination von indigo und #708090
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #708090 und indigo beträgt 84.79%. Die Lesbarkeit dieser Farbkombination liegt damit bei 15.21%. #708090 ist nicht als Schriftfarbe auf Hintergrund indigo geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbe indigo				Schriftfarbwert #708090
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4b0082	#4b0082	#4b0082	#4b0082	#708090	#708090	#708090	#708090
#642493	#642493	#40006f	#40006f	#84929f	#84929f	#606d7b	#606d7b
#7e48a5	#7e48a5	#35005c	#35005c	#98a4af	#98a4af	#505b66	#505b66
#986db7	#986db7	#2a004a	#2a004a	#adb6bf	#adb6bf	#404952	#404952
#b191c9	#b191c9	#200037	#200037	#c1c8cf	#c1c8cf	#30363d	#30363d
#cbb6db	#cbb6db	#150025	#150025	#d6dadf	#d6dadf	#202429	#202429
#e5daed	#e5daed	#0a0012	#0a0012	#eaecef	#eaecef	#101214	#101214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indigo und Farbwert #708090

Wechsel der Textfarbe bei Hover von HTML-Befehl blockquote

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

Wir legen hier bei <blockquote> die Textfarbe auf Farbe indigo fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf courier new.

<style type="text/css"><!--
  blockquote { 
    font-family:courier new; 
    color:indigo;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #708090 ändert.

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

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML nachlesen. Der HTML-Befehl blockquote ist in der HTML Referenz unter <blockquote> zusammengestellt.

Wechsel der Umrandung bei Hover mit Befehl pre

Die Rahmenfarbe soll sich von Farbe indigo auf Farbwert #708090 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <pre> in Farbe indigo vor.

In diesem Beispiel umranden wir <pre> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe indigo.

<style type="text/css"><!--
  pre { 
    border-style: ridge; 
    border-color: indigo; 
    border-width: 5px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Rahmenfarbe auf #708090 geändert wird.

<style type="text/css"><!--
  pre:hover { 
    border-color:#708090;
  }
//-->
</style>

Weiteres zum Thema pre können Sie in Blockorientierte Elemente in HTML erfahren. Der hier genutzte Tag pre ist in der HTML Referenz bei <pre> gezeigt.