Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d3d3d3 und Farbe deepskyblue

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 #d3d3d3			Schriftfarbe deepskyblue
Detail	:	Hintergrund #d3d3d3	Detail	:	Schrift deepskyblue
Farbwert	:	#d3d3d3	Farbe	:	deepskyblue
Farbe	:	lightgrey	Farbwert	:	#00bfff
HTML	:	#d3d3d3	HTML	:	deepskyblue
HTML (Wert)	:	#d3d3d3	HTML (Wert)	:	#00bfff
CSS	:	#d3d3d3	CSS	:	deepskyblue
CSS (Wert)	:	#d3d3d3	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#d3d3d3	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(211,211,211)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(82%,82%,82%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbwert #d3d3d3 nach Schriftfarbe deepskyblue
#d3d3d3	#b4d0d9	#96cddf	#78cae5	#5ac7ec	#3cc4f2	#1ec1f8	#00bfff
#d3d3d3	#b4d0d9	#96cddf	#78cae5	#5ac7ec	#3cc4f2	#1ec1f8	#00bfff

Kombination von #d3d3d3 und deepskyblue
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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #d3d3d3 ist deepskyblue ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von deepskyblue und #d3d3d3 ergibt sich zu 93.25%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.75%.

Hintergrundfarbwert #d3d3d3				Schriftfarbe deepskyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3	#00bfff	#00bfff	#00bfff	#00bfff
#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4	#24c8ff	#24c8ff	#00a3da	#00a3da
#dfdfdf	#dfdfdf	#969696	#969696	#48d1ff	#48d1ff	#0088b6	#0088b6
#e5e5e5	#e5e5e5	#787878	#787878	#6ddaff	#6ddaff	#006d91	#006d91
#ececec	#ececec	#5a5a5a	#5a5a5a	#91e3ff	#91e3ff	#00516d	#00516d
#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c	#b6ecff	#b6ecff	#003648	#003648
#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d3d3d3 und Farbe deepskyblue

Wechsel der Hintergrundfarbe bei Hover mit Befehl p

Die Hintergrundfarbe soll sich von Farbwert #d3d3d3 auf Farbe deepskyblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <p> in Farbwert #d3d3d3 vor.

In diesem Beispiel legen wir Farbwert #d3d3d3 als Hintergrundfarbe von <p> fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  p { 
    background-color:#d3d3d3; 
    font-family:sans-serif;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf deepskyblue ändert.

<style type="text/css"><!--
  p: hover { 
    background-color: deepskyblue;
  }
//-->
</style>

Weiteres zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier genutzten HTML-Tag p finden Sie in der HTML Referenz unter <p>.

Text- und Unterstreichungsfarben von Tag a

Einen Link setzt man mit Tag <a>. Er kann farblich gestaltet werden.

In diesem Beispiel ändern wir die Textfarbe von <a> auf Farbe deepskyblue und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new und setzen die Schriftgröße auf 93%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gefurchten Rahmens mit 5 Punkte Dicke in Farbwert #d3d3d3. Dies ist in HTML nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    color: deepskyblue; 
    font-size: 93%; 
    font-family: courier new; 
    border-bottom-style: groove; 
    border-bottom-color: #d3d3d3; 
    border-bottom-width: 5pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML nachsehen. Der HTML-Befehl a ist in der HTML Referenz unter <a> zusammengestellt.