Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #00008b und Farbwert #deb887

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.

Hintergrundfarbwert #00008b			Schriftfarbwert #deb887
Detail	:	Hintergrund #00008b	Detail	:	Schrift #deb887
Farbwert	:	#00008b	Farbwert	:	#deb887
Farbe	:	darkblue	Farbe	:	burlywood
HTML	:	#00008b	HTML	:	#deb887
HTML (Wert)	:	#00008b	HTML (Wert)	:	#deb887
CSS	:	#00008b	CSS	:	#deb887
CSS (Wert)	:	#00008b	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbwert #deb887
#00008b	#1f1a8a	#3f3489	#5f4e89	#7e6988	#9e8388	#be9d87	#deb887
#00008b	#1f1a8a	#3f3489	#5f4e89	#7e6988	#9e8388	#be9d87	#deb887

Kombination von #00008b und #deb887
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.				#deb887 ist nicht als Schriftfarbe auf Hintergrund #00008b geeignet, da sich die Farben zu ähnlich sind. Die Ähnlichkeit von #deb887 und #00008b ergibt sich zu 60.76%. Die Lesbarkeit dieser Kombination liegt damit bei 39.24%.

Hintergrundfarbwert #00008b				Schriftfarbwert #deb887
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#deb887	#deb887	#deb887	#deb887
#24249b	#24249b	#000077	#000077	#e2c298	#e2c298	#be9d73	#be9d73
#4848ac	#4848ac	#000063	#000063	#e7cca9	#e7cca9	#9e8360	#9e8360
#6d6dbc	#6d6dbc	#00004f	#00004f	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#9191cd	#9191cd	#00003b	#00003b	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#b6b6dd	#b6b6dd	#000027	#000027	#f5eadc	#f5eadc	#3f3426	#3f3426
#dadaee	#dadaee	#000013	#000013	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #00008b und Farbwert #deb887

Wechsel der Textfarbe bei Hover bei Tag form

Die Textfarbe soll sich von Farbwert #00008b auf Farbwert #deb887 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <form> in Farbwert #00008b vor.

Wir ändern als Beispiel bei <form> die Textfarbe auf Farbwert #00008b. Die Größe der Schrift setzen wir auf 115%.

<style type="text/css"><!--
  form { 
    font-size: 115%; 
    color: #00008b;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #deb887 ändert.

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

Mehr zum Thema können Sie in Formulare in HTML finden. Beschreibung des HTML-Befehl <form>.