Ressourcen: 120 HTML Farbnamen - Kombination von Farbe oldlace und Farbwert #483d8b

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 oldlace			Schriftfarbwert #483d8b
Detail	:	Hintergrund oldlace	Detail	:	Schrift #483d8b
Farbe	:	oldlace	Farbwert	:	#483d8b
Farbwert	:	#fdf5e6	Farbe	:	darkslateblue
HTML	:	oldlace	HTML	:	#483d8b
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#483d8b
CSS	:	oldlace	CSS	:	#483d8b
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#483d8b
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#483d8b
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(72,61,139)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(28%,23%,54%)

Verlauf Hintergrundfarbe oldlace nach Schriftfarbwert #483d8b
#fdf5e6	#e3dad9	#c9c0cc	#afa6bf	#958bb2	#7b71a5	#615798	#483d8b
#fdf5e6	#e3dad9	#c9c0cc	#afa6bf	#958bb2	#7b71a5	#615798	#483d8b

Kombination von oldlace und #483d8b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				Die Ähnlichkeit der Farben #483d8b und oldlace ergibt sich zu 60.15%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 39.85%. #483d8b ist nicht als Schriftfarbe auf Hintergrund oldlace geeignet, weil der Farbunterschied nicht ausreichend ist

Hintergrundfarbe oldlace				Schriftfarbwert #483d8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#483d8b	#483d8b	#483d8b	#483d8b
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#62589b	#62589b	#3d3477	#3d3477
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#7c74ac	#7c74ac	#332b63	#332b63
#fdf9f0	#fdf9f0	#908c83	#908c83	#9690bc	#9690bc	#29224f	#29224f
#fefaf4	#fefaf4	#6c6962	#6c6962	#b0abcd	#b0abcd	#1e1a3b	#1e1a3b
#fefcf7	#fefcf7	#484641	#484641	#cac7dd	#cac7dd	#141127	#141127
#fefdfb	#fefdfb	#242320	#242320	#e4e3ee	#e4e3ee	#0a0813	#0a0813
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe oldlace und Farbwert #483d8b

Füllen und Umranden mit Befehl a

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

Hier umranden wir <a> mit einem gezahnten, 4 Pixel dicken Rahmen in Farbwert #483d8b . Den Hintergrund von <a> färben wir mit Farbe oldlace. Mit HTML ist dies kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  a { 
    border-color:#483d8b; 
    background-color:oldlace; 
    border-style:ridge; 
    border-width:4px;
  }
//-->
</style>

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML erfahren. Möglichkeiten vom Tag a lesen Sie in der HTML Referenz unter <a>.

Wechsel der Umrandung bei Hover von HTML-Tag h3

Eine Überschrift der 3. Stufe erzeugen Sie mit Tag <h3>. Diese kann farblich gestaltet und hervorgehoben werden.

Die Rahmenfarbe soll sich von Farbe oldlace auf Farbwert #483d8b ändern, wenn man mit der Maus auf <h3> zeigt. Wir bereiten zunächst die Formatierung von <h3> in Farbe oldlace vor.

In diesem Beispiel umranden wir <h3> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbe oldlace.

<style type="text/css"><!--
  h3 { border:1px dotted oldlace; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #483d8b geändert wird.

<style type="text/css"><!--
  h3:hover { 
    border-color:#483d8b;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom HTML-Tag <h3>.