Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightblue und Farbwert #d3d3d3

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.

Hintergrundfarbe lightblue			Schriftfarbwert #d3d3d3
Detail	:	Hintergrund lightblue	Detail	:	Schrift #d3d3d3
Farbe	:	lightblue	Farbwert	:	#d3d3d3
Farbwert	:	#add8e6	Farbe	:	lightgrey
HTML	:	lightblue	HTML	:	#d3d3d3
HTML (Wert)	:	#add8e6	HTML (Wert)	:	#d3d3d3
CSS	:	lightblue	CSS	:	#d3d3d3
CSS (Wert)	:	#add8e6	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#add8e6	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(173,216,230)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(67%,84%,90%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe lightblue nach Schriftfarbwert #d3d3d3
#add8e6	#b2d7e3	#b7d6e0	#bdd5dd	#c2d5db	#c8d4d8	#cdd3d5	#d3d3d3
#add8e6	#b2d7e3	#b7d6e0	#bdd5dd	#c2d5db	#c8d4d8	#cdd3d5	#d3d3d3

Kombination von lightblue und #d3d3d3
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#d3d3d3 ist nicht als Schriftfarbe auf Hintergrund lightblue geeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #d3d3d3 und lightblue beträgt 95.14%. Die Lesbarkeit dieser Kombination bewerte ich mit 4.86%.

Hintergrundfarbe lightblue				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#add8e6	#add8e6	#add8e6	#add8e6	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#b8dde9	#b8dde9	#94b9c5	#94b9c5	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4	#dfdfdf	#dfdfdf	#969696	#969696
#d0e8f0	#d0e8f0	#627b83	#627b83	#e5e5e5	#e5e5e5	#787878	#787878
#dbeef4	#dbeef4	#4a5c62	#4a5c62	#ececec	#ececec	#5a5a5a	#5a5a5a
#e7f3f7	#e7f3f7	#313d41	#313d41	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#f3f9fb	#f3f9fb	#181e20	#181e20	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightblue und Farbwert #d3d3d3

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl acronym

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

Als Beispiel legen wir Farbe lightblue als Hintergrundfarbe von <acronym> fest:

<style type="text/css"><!--
  acronym { 
    background-color: lightblue;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #d3d3d3 geändert wird.

<style type="text/css"><!--
  acronym: hover { 
    background-color: #d3d3d3;
  }
//-->
</style>

Mehr zum hier genutzten Tag acronym erfahren Sie in der HTML Referenz unter <acronym>.

Text- und Unterstreichungsfarben mit Tag abbr

Bei diesem Beispiel ändern wir die Textfarbe von <abbr> auf Farbwert #d3d3d3 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <abbr> mit Hilfe eines einfallenden Rahmens mit 3 Pixel Dicke in Farbe lightblue. Dies geht in HTML kaum. Daher verwenden wir hier CSS zur Formatierung.

<style type="text/css"><!--
  abbr { 
    border-bottom: 3px inset lightblue; 
    font-size: 13px; 
    color: #d3d3d3; 
    font-family: arial;
  }
//-->
</style>

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

Beschreibung des hier verwendeten HTML-Befehl <abbr>.