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

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 #32cd32
Detail	:	Hintergrund indigo	Detail	:	Schrift #32cd32
Farbe	:	indigo	Farbwert	:	#32cd32
Farbwert	:	#4b0082	Farbe	:	limegreen
HTML	:	indigo	HTML	:	#32cd32
HTML (Wert)	:	#4b0082	HTML (Wert)	:	#32cd32
CSS	:	indigo	CSS	:	#32cd32
CSS (Wert)	:	#4b0082	CSS (Wert)	:	#32cd32
CSS (kürzest)	:	#4b0082	CSS (kürzest)	:	#32cd32
CSS (RGB)	:	rgb(75,0,130)	CSS (RGB)	:	rgb(50,205,50)
CSS (%RGB)	:	rgb(29%,0%,50%)	CSS (%RGB)	:	rgb(19%,80%,19%)

Verlauf Hintergrundfarbe indigo nach Schriftfarbwert #32cd32
#4b0082	#471d76	#433a6b	#40575f	#3c7554	#399248	#35af3d	#32cd32
#4b0082	#471d76	#433a6b	#40575f	#3c7554	#399248	#35af3d	#32cd32

Kombination von indigo und #32cd32
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#32cd32 ist nicht als Schriftfarbe auf Hintergrund indigo geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #32cd32 und indigo beträgt 70.88%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 29.12%.

Hintergrundfarbe indigo				Schriftfarbwert #32cd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4b0082	#4b0082	#4b0082	#4b0082	#32cd32	#32cd32	#32cd32	#32cd32
#642493	#642493	#40006f	#40006f	#4fd44f	#4fd44f	#2aaf2a	#2aaf2a
#7e48a5	#7e48a5	#35005c	#35005c	#6cdb6c	#6cdb6c	#239223	#239223
#986db7	#986db7	#2a004a	#2a004a	#89e289	#89e289	#1c751c	#1c751c
#b191c9	#b191c9	#200037	#200037	#a7e9a7	#a7e9a7	#155715	#155715
#cbb6db	#cbb6db	#150025	#150025	#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e
#e5daed	#e5daed	#0a0012	#0a0012	#e1f7e1	#e1f7e1	#071d07	#071d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indigo und Farbwert #32cd32

Wechsel der Hintergrundfarbe bei Hover bei Befehl tbody

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

Zum Beispiel legen wir Farbe indigo als Hintergrundfarbe von <tbody> fest und ändern die Schriftgröße auf 13pt.

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

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #32cd32 geändert wird.

<style type="text/css"><!--
  tbody: hover { 
    background-color: #32cd32;
  }
//-->
</style>

Mehr zu tbody können Sie in Tabellen in HTML finden. Die Beschreibung des Befehl tbody finden Sie in der HTML Referenz unter <tbody>.

Text- und Unterstreichungsfarben bei HTML-Tag h6

Eine Überschrift erzeugen Sie mit Befehl <h6>. Diese kann man farblich gestalten.

Hier ändern wir die Textfarbe von <h6> auf Farbwert #32cd32. Die Schriftart ändern wir auf courier new. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gezahnten Rahmens mit 3 Punkte Dicke in Farbe indigo. Mit HTML ist dies nicht möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  h6 { 
    color:#32cd32; 
    border-bottom:3pt ridge indigo; 
    font-size:13px; 
    font-family:courier new;
  }
//-->
</style>

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten vom Befehl <h6>.