Ressourcen: 137 HTML Farbnamen - Kombination von Farbe indigo und Farbe lavenderblush

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			Schriftfarbe lavenderblush
Detail	:	Hintergrund indigo	Detail	:	Schrift lavenderblush
Farbe	:	indigo	Farbe	:	lavenderblush
Farbwert	:	#4b0082	Farbwert	:	#fff0f5
HTML	:	indigo	HTML	:	lavenderblush
HTML (Wert)	:	#4b0082	HTML (Wert)	:	#fff0f5
CSS	:	indigo	CSS	:	lavenderblush
CSS (Wert)	:	#4b0082	CSS (Wert)	:	#fff0f5
CSS (kürzest)	:	#4b0082	CSS (kürzest)	:	#fff0f5
CSS (RGB)	:	rgb(75,0,130)	CSS (RGB)	:	rgb(255,240,245)
CSS (%RGB)	:	rgb(29%,0%,50%)	CSS (%RGB)	:	rgb(100%,94%,96%)

Verlauf Hintergrundfarbe indigo nach Schriftfarbe lavenderblush
#4b0082	#642292	#7e44a2	#9866b3	#b189c3	#cbabd4	#e5cde4	#fff0f5
#4b0082	#642292	#7e44a2	#9866b3	#b189c3	#cbabd4	#e5cde4	#fff0f5

Kombination von indigo und lavenderblush
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben lavenderblush und indigo beträgt 44.10%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 55.90%. lavenderblush eignet sich als Schriftfarbe auf Hintergrund indigo, weil sowohl der Unterschied in den Helligkeiten als auch der Farbenunterschied in Ordnung sind.

Hintergrundfarbe indigo				Schriftfarbe lavenderblush
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4b0082	#4b0082	#4b0082	#4b0082	#fff0f5	#fff0f5	#fff0f5	#fff0f5
#642493	#642493	#40006f	#40006f	#fff2f6	#fff2f6	#dacdd2	#dacdd2
#7e48a5	#7e48a5	#35005c	#35005c	#fff4f7	#fff4f7	#b6abaf	#b6abaf
#986db7	#986db7	#2a004a	#2a004a	#fff6f9	#fff6f9	#91898c	#91898c
#b191c9	#b191c9	#200037	#200037	#fff8fa	#fff8fa	#6d6669	#6d6669
#cbb6db	#cbb6db	#150025	#150025	#fffafc	#fffafc	#484446	#484446
#e5daed	#e5daed	#0a0012	#0a0012	#fffcfd	#fffcfd	#242223	#242223
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indigo und Farbe lavenderblush

Wechsel der Textfarbe bei Hover bei HTML-Befehl a

Einen Verweis erzeugen Sie mit Tag <a>. Er kann hervorgehoben und farblich gestaltet werden.

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

Z.B. ändern wir die Textfarbe von <a> auf Farbe indigo. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf arial.

<style type="text/css"><!--
  a { 
    font-family: arial; 
    color: indigo;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf lavenderblush geändert wird.

<style type="text/css"><!--
  a: hover { 
    color: lavenderblush;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML lesen. Mehr zum Tag a finden Sie in der HTML Referenz unter <a>.

Füllen und Umranden von Tag label

Bei diesem Beispiel umranden wir <label> mit einem einfallenden, 4 Pixel dicken Rahmen in Farbe lavenderblush . Die Hintergrundfarbe für <label> setzen wir entsprechend auf Farbe indigo. Mit HTML ist das kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  label { border:4px inset lavenderblush; background-color:indigo; }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML nachlesen. Einzelheiten des Befehl label sind in der HTML Referenz unter <label> ausführlich zusammengestellt.