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

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 #f08080
Detail	:	Hintergrund indigo	Detail	:	Schrift #f08080
Farbe	:	indigo	Farbwert	:	#f08080
Farbwert	:	#4b0082	Farbe	:	lightcoral
HTML	:	indigo	HTML	:	#f08080
HTML (Wert)	:	#4b0082	HTML (Wert)	:	#f08080
CSS	:	indigo	CSS	:	#f08080
CSS (Wert)	:	#4b0082	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#4b0082	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(75,0,130)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(29%,0%,50%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbe indigo nach Schriftfarbwert #f08080
#4b0082	#621281	#7a2481	#913681	#a94980	#c05b80	#d86d80	#f08080
#4b0082	#621281	#7a2481	#913681	#a94980	#c05b80	#d86d80	#f08080

Kombination von indigo und #f08080
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #f08080 und indigo ergibt sich zu 76.20%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 23.80%. #f08080 ist nicht als Schriftfarbe auf Hintergrund indigo geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe indigo				Schriftfarbwert #f08080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4b0082	#4b0082	#4b0082	#4b0082	#f08080	#f08080	#f08080	#f08080
#642493	#642493	#40006f	#40006f	#f29292	#f29292	#cd6d6d	#cd6d6d
#7e48a5	#7e48a5	#35005c	#35005c	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#986db7	#986db7	#2a004a	#2a004a	#f6b6b6	#f6b6b6	#894949	#894949
#b191c9	#b191c9	#200037	#200037	#f8c8c8	#f8c8c8	#663636	#663636
#cbb6db	#cbb6db	#150025	#150025	#fadada	#fadada	#442424	#442424
#e5daed	#e5daed	#0a0012	#0a0012	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indigo und Farbwert #f08080

Hintergrund/Text-Kombination von HTML-Befehl center

Wir ändern hier die Textfarbe von <center> auf Farbwert #f08080 und die Hintergrundfarbe von <center> auf Farbe indigo. Als Schriftart setzen wir verdana. Als Schriftgröße entscheiden wir uns für 82%.

<style type="text/css"><!--
  center { 
    background-color:indigo; 
    font-family:verdana; 
    color:#f08080; 
    font-size:82%;
  }
//-->
</style>

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Mehr zum hier gezeigten Tag center finden Sie in der HTML Referenz unter <center>.

Wechsel der Hintergrundfarbe bei Hover bei Tag label

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

In diesem Beispiel legen wir die Hintergrundfarbe von <label> auf Farbe indigo fest.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #f08080 gesetzt wird.

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

Mehr zu label können Sie in Formulare in HTML erfahren. Der HTML-Tag label ist in der HTML Referenz bei <label> ausführlich zusammengestellt.