Ressourcen: 120 HTML Farbnamen - Kombination von Farbe dimgray und Farbwert #6495ed

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 dimgray			Schriftfarbwert #6495ed
Detail	:	Hintergrund dimgray	Detail	:	Schrift #6495ed
Farbe	:	dimgray	Farbwert	:	#6495ed
Farbwert	:	#696969	Farbe	:	cornflowerblue
HTML	:	dimgray	HTML	:	#6495ed
HTML (Wert)	:	#696969	HTML (Wert)	:	#6495ed
CSS	:	dimgray	CSS	:	#6495ed
CSS (Wert)	:	#696969	CSS (Wert)	:	#6495ed
CSS (kürzest)	:	#696969	CSS (kürzest)	:	#6495ed
CSS (RGB)	:	rgb(105,105,105)	CSS (RGB)	:	rgb(100,149,237)
CSS (%RGB)	:	rgb(41%,41%,41%)	CSS (%RGB)	:	rgb(39%,58%,92%)

Verlauf Hintergrundfarbe dimgray nach Schriftfarbwert #6495ed
#696969	#686f7b	#67758e	#667ba1	#6682b4	#6588c7	#648eda	#6495ed
#696969	#686f7b	#67758e	#667ba1	#6682b4	#6588c7	#648eda	#6495ed

Kombination von dimgray und #6495ed
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #6495ed und dimgray ergibt sich zu 91.21%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.79%. #6495ed eignet sich nicht als Schriftfarbe auf Hintergrund dimgray. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe dimgray				Schriftfarbwert #6495ed
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#696969	#696969	#696969	#696969	#6495ed	#6495ed	#6495ed	#6495ed
#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a	#7aa4ef	#7aa4ef	#557fcb	#557fcb
#939393	#939393	#4b4b4b	#4b4b4b	#90b3f2	#90b3f2	#476aa9	#476aa9
#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c	#a6c2f4	#a6c2f4	#395587	#395587
#bebebe	#bebebe	#2d2d2d	#2d2d2d	#bcd1f7	#bcd1f7	#2a3f65	#2a3f65
#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e	#d2e0f9	#d2e0f9	#1c2a43	#1c2a43
#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f	#e8effc	#e8effc	#0e1521	#0e1521
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe dimgray und Farbwert #6495ed

Wechsel der Textfarbe bei Hover bei HTML-Tag h1

Mit HTML-Befehl <h1> wird eine Überschrift der 1. Stufe gesetzt. Diese können Sie farblich gestalten.

Die Textfarbe soll sich von Farbe dimgray auf Farbwert #6495ed ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <h1> in Farbe dimgray vor.

Wir ändern z.B. die Textfarbe von <h1> auf Farbe dimgray. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift setzen wir auf 13px.

<style type="text/css"><!--
  h1 { 
    font-size: 13px; 
    color: dimgray; 
    font-family: monospace;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #6495ed geändert wird.

<style type="text/css"><!--
  h1: hover { 
    color: #6495ed;
  }
//-->
</style>

Mehr zu h1 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Weiteres zum hier gezeigten HTML-Tag h1 lesen Sie in der HTML Referenz unter <h1>.