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

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 #ffffff
Detail	:	Hintergrund #483d8b	Detail	:	Schrift #ffffff
Farbwert	:	#483d8b	Farbwert	:	#ffffff
Farbe	:	darkslateblue	Farbe	:	white
HTML	:	#483d8b	HTML	:	#ffffff
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#ffffff
CSS	:	#483d8b	CSS	:	#ffffff
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#ffffff
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#fff
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(255,255,255)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(100%,100%,100%)

Verlauf Hintergrundfarbwert #483d8b nach Schriftfarbwert #ffffff
#483d8b	#62589b	#7c74ac	#9690bc	#b0abcd	#cac7dd	#e4e3ee	#ffffff
#483d8b	#62589b	#7c74ac	#9690bc	#b0abcd	#cac7dd	#e4e3ee	#ffffff

Kombination von #483d8b und #ffffff
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.				#ffffff eignet sich nicht als Schriftfarbe auf Hintergrund #483d8b. Zwar ist der Helligkeitsunterschied gut, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit von #ffffff und #483d8b beträgt 56.82%. Die Lesbarkeit dieser Kombination ergibt sich zu 43.18%.

Hintergrundfarbwert #483d8b				Schriftfarbwert #ffffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#ffffff	#ffffff	#ffffff	#ffffff
#62589b	#62589b	#3d3477	#3d3477	#ffffff	#ffffff	#dadada	#dadada
#7c74ac	#7c74ac	#332b63	#332b63	#ffffff	#ffffff	#b6b6b6	#b6b6b6
#9690bc	#9690bc	#29224f	#29224f	#ffffff	#ffffff	#919191	#919191
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#ffffff	#ffffff	#6d6d6d	#6d6d6d
#cac7dd	#cac7dd	#141127	#141127	#ffffff	#ffffff	#484848	#484848
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#ffffff	#ffffff	#242424	#242424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Umrandung bei Hover von HTML-Befehl h2

Mit Befehl <h2> wird eine Überschrift der 2. Stufe gesetzt. Diese kann farblich gestaltet werden.

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

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

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

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #ffffff gesetzt wird.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Zur Beschreibung vom Tag <h2>.

Füllen und Umranden bei Befehl colgroup

Für dieses Beispiel umranden wir <colgroup> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbwert #ffffff . Den Hintergrund von <colgroup> setzen wir auf Farbwert #483d8b. Dies ist in HTML so kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  colgroup { border:5px dashed #ffffff; background-color:#483d8b; }
//-->
</style>

Weiteres zum Thema finden Sie in Tabellen in HTML. Beschreibung vom hier verwendeten Befehl <colgroup>.