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

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.

Hintergrundfarbwert #483d8b			Schriftfarbwert #696969
Detail	:	Hintergrund #483d8b	Detail	:	Schrift #696969
Farbwert	:	#483d8b	Farbwert	:	#696969
Farbe	:	darkslateblue	Farbe	:	dimgray
HTML	:	#483d8b	HTML	:	#696969
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#696969
CSS	:	#483d8b	CSS	:	#696969
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#696969
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#696969
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(105,105,105)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(41%,41%,41%)

Verlauf Hintergrundfarbwert #483d8b nach Schriftfarbwert #696969
#483d8b	#4c4386	#514981	#564f7c	#5a5677	#5f5c72	#64626d	#696969
#483d8b	#4c4386	#514981	#564f7c	#5a5677	#5f5c72	#64626d	#696969

Kombination von #483d8b und #696969
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von #696969 und #483d8b beträgt 92.13%. Die Lesbarkeit dieser Kombination liegt damit bei 7.87%. #696969 ist nicht als Schriftfarbe auf Hintergrund #483d8b geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbwert #483d8b				Schriftfarbwert #696969
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#483d8b	#483d8b	#483d8b	#483d8b	#696969	#696969	#696969	#696969
#62589b	#62589b	#3d3477	#3d3477	#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a
#7c74ac	#7c74ac	#332b63	#332b63	#939393	#939393	#4b4b4b	#4b4b4b
#9690bc	#9690bc	#29224f	#29224f	#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c
#b0abcd	#b0abcd	#1e1a3b	#1e1a3b	#bebebe	#bebebe	#2d2d2d	#2d2d2d
#cac7dd	#cac7dd	#141127	#141127	#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e
#e4e3ee	#e4e3ee	#0a0813	#0a0813	#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Hintergrund/Text-Kombination mit HTML-Tag a

Mit Befehl <a> setzen Sie einen Link und kann hervorgehoben und farblich gestaltet werden.

Wir ändern hier die Textfarbe von <a> auf Farbwert #696969 und die Hintergrundfarbe von <a> auf Farbwert #483d8b. Als Schriftart setzen wir monospace. Die Schriftgröße vergrößern wir auf 128%.

<style type="text/css"><!--
  a { 
    font-family: monospace; 
    color: #696969; 
    background-color: #483d8b; 
    font-size: 128%;
  }
//-->
</style>

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Die Beschreibung des HTML-Befehl a finden Sie in der HTML Referenz unter <a>.

Wechsel der Textfarbe bei Hover mit Tag blockquote

Die Textfarbe soll sich von Farbwert #483d8b auf Farbwert #696969 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <blockquote> in Farbwert #483d8b vor.

Wir legen z.B. Farbwert #483d8b als Textfarbe von <blockquote> fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial.

<style type="text/css"><!--
  blockquote { 
    font-family: arial; 
    color: #483d8b;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #696969 ändert.

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

Weiteres zum Thema blockquote erfahren Sie in Blockorientierte Elemente in HTML. Einzelheiten des hier gezeigten HTML-Tag blockquote sind in der HTML Referenz bei <blockquote> zusammengestellt.