Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #add8e6 und Farbe lightslategray

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 #add8e6			Schriftfarbe lightslategray
Detail	:	Hintergrund #add8e6	Detail	:	Schrift lightslategray
Farbwert	:	#add8e6	Farbe	:	lightslategray
Farbe	:	lightblue	Farbwert	:	#778899
HTML	:	#add8e6	HTML	:	lightslategray
HTML (Wert)	:	#add8e6	HTML (Wert)	:	#778899
CSS	:	#add8e6	CSS	:	lightslategray
CSS (Wert)	:	#add8e6	CSS (Wert)	:	#778899
CSS (kürzest)	:	#add8e6	CSS (kürzest)	:	#789
CSS (RGB)	:	rgb(173,216,230)	CSS (RGB)	:	rgb(119,136,153)
CSS (%RGB)	:	rgb(67%,84%,90%)	CSS (%RGB)	:	rgb(46%,53%,60%)

Verlauf Hintergrundfarbwert #add8e6 nach Schriftfarbe lightslategray
#add8e6	#a5ccdb	#9dc1d0	#95b5c5	#8eaaba	#869eaf	#7e93a4	#778899
#add8e6	#a5ccdb	#9dc1d0	#95b5c5	#8eaaba	#869eaf	#7e93a4	#778899

Kombination von #add8e6 und lightslategray
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von lightslategray und #add8e6 ergibt sich zu 88.65%. Die Lesbarkeit dieser Kombination liegt damit bei 11.35%. Auf Hintergrund #add8e6 ist lightslategray ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #add8e6				Schriftfarbe lightslategray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#add8e6	#add8e6	#add8e6	#add8e6	#778899	#778899	#778899	#778899
#b8dde9	#b8dde9	#94b9c5	#94b9c5	#8a99a7	#8a99a7	#667483	#667483
#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4	#9daab6	#9daab6	#55616d	#55616d
#d0e8f0	#d0e8f0	#627b83	#627b83	#b1bbc4	#b1bbc4	#444d57	#444d57
#dbeef4	#dbeef4	#4a5c62	#4a5c62	#c4ccd3	#c4ccd3	#333a41	#333a41
#e7f3f7	#e7f3f7	#313d41	#313d41	#d8dde1	#d8dde1	#22262b	#22262b
#f3f9fb	#f3f9fb	#181e20	#181e20	#ebeef0	#ebeef0	#111315	#111315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #add8e6 und Farbe lightslategray

Hintergrund/Text-Kombination bei Tag a

Mit HTML-Tag <a> wird ein Hyperlink erzeugt. Diesen kann man farblich gestalten und hervorheben.

Für dieses Beispiel ändern wir die Textfarbe von <a> auf Farbe lightslategray und die Hintergrundfarbe von <a> auf Farbwert #add8e6. Die Schriftart ändern wir auf monospace und als Schriftgröße setzen wir 116%.

<style type="text/css"><!--
  a { 
    font-size: 116%; 
    color: lightslategray; 
    background-color: #add8e6; 
    font-family: monospace;
  }
//-->
</style>

Mehr zu a können Sie in Verweise und Protokolle in HTML finden. Weiteres zum hier genutzten Befehl a erfahren Sie in der HTML Referenz unter <a>.

Wechsel der Umrandung bei Hover von HTML-Tag img

Die Rahmenfarbe soll sich von Farbwert #add8e6 auf Farbe lightslategray ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <img> in Farbwert #add8e6 vor.

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbwert #add8e6.

<style type="text/css"><!--
  img { border:3px outset #add8e6; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu lightslategray ändert.

<style type="text/css"><!--
  img:hover { 
    border-color:lightslategray;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grafik in HTML. Der Befehl img ist in der HTML Referenz bei <img> ausführlich zusammengestellt.