Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #483d8b und Farbwert #d3d3d3

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 #483d8b			Schriftfarbwert #d3d3d3
Detail	:	Hintergrund #483d8b	Detail	:	Schrift #d3d3d3
Farbwert	:	#483d8b	Farbwert	:	#d3d3d3
Farbe	:	darkslateblue	Farbe	:	lightgrey
HTML	:	#483d8b	HTML	:	#d3d3d3
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#d3d3d3
CSS	:	#483d8b	CSS	:	#d3d3d3
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbwert #483d8b nach Schriftfarbwert #d3d3d3
#483d8b	#5b5295	#6f679f	#837da9	#9792b4	#aba8be	#bfbdc8	#d3d3d3
#483d8b	#5b5295	#6f679f	#837da9	#9792b4	#aba8be	#bfbdc8	#d3d3d3

Kombination von #483d8b und #d3d3d3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit der Farben #d3d3d3 und #483d8b beträgt 71.16%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 28.84%. #d3d3d3 eignet sich nicht als Schriftfarbe auf Hintergrund #483d8b. Zwar ist der Helligkeitsunterschied ausreichend, die Farben selbst sind sich zu ähnlich.

Hintergrundfarbwert #483d8b				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#62589b	#62589b	#3d3477	#3d3477	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#7c74ac	#7c74ac	#332b63	#332b63	#dfdfdf	#dfdfdf	#969696	#969696
#9690bc	#9690bc	#29224f	#29224f	#e5e5e5	#e5e5e5	#787878	#787878
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#ececec	#ececec	#5a5a5a	#5a5a5a
#cac7dd	#cac7dd	#141127	#141127	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #483d8b und Farbwert #d3d3d3

Wechsel der Umrandung bei Hover von Tag frame

Die Rahmenfarbe soll sich von Farbwert #483d8b auf Farbwert #d3d3d3 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <frame> in Farbwert #483d8b vor.

In diesem Beispiel umranden wir <frame> mit einem 5 Pixel dicken, doppelten Rahmen in Farbwert #483d8b.

<style type="text/css"><!--
  frame { border:5px double #483d8b; }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #d3d3d3 gesetzt wird.

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

Möglichkeiten vom HTML-Tag <frame>.

Füllen und Umranden von HTML-Befehl dd

Für dieses Beispiel umranden wir <dd> mit einem . Den Hintergrund von <dd> setzen wir auf Farbwert #483d8b. In HTML ist dies nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  dd { border:5pt dashed #d3d3d3; background-color:#483d8b; }
//-->
</style>

Weiteres zu dd finden Sie in Listen und Glossare in HTML. Mehr zum Tag dd lesen Sie in der HTML Referenz unter <dd>.