Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #6a5acd und Farbwert #b0c4de

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.

Hintergrundfarbwert #6a5acd			Schriftfarbwert #b0c4de
Detail	:	Hintergrund #6a5acd	Detail	:	Schrift #b0c4de
Farbwert	:	#6a5acd	Farbwert	:	#b0c4de
Farbe	:	slateblue	Farbe	:	lightsteelblue
HTML	:	#6a5acd	HTML	:	#b0c4de
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#b0c4de
CSS	:	#6a5acd	CSS	:	#b0c4de
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#b0c4de
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#b0c4de
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(176,196,222)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(69%,76%,87%)

Verlauf Hintergrundfarbwert #6a5acd nach Schriftfarbwert #b0c4de
#6a5acd	#7469cf	#7e78d1	#8887d4	#9296d6	#9ca5d9	#a6b4db	#b0c4de
#6a5acd	#7469cf	#7e78d1	#8887d4	#9296d6	#9ca5d9	#a6b4db	#b0c4de

Kombination von #6a5acd und #b0c4de
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #b0c4de und #6a5acd beträgt 85.80%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 14.20%. Auf Hintergrund #6a5acd ist #b0c4de ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbwert #6a5acd				Schriftfarbwert #b0c4de
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#b0c4de	#b0c4de	#b0c4de	#b0c4de
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#bbcce2	#bbcce2	#96a8be	#96a8be
#9489db	#9489db	#4b4092	#4b4092	#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#d1ddec	#d1ddec	#64707e	#64707e
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#dde5f0	#dde5f0	#4b545f	#4b545f
#d4cff0	#d4cff0	#1e193a	#1e193a	#e8eef5	#e8eef5	#32383f	#32383f
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#f3f6fa	#f3f6fa	#191c1f	#191c1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6a5acd und Farbwert #b0c4de

Wechsel der Hintergrundfarbe bei Hover bei Tag a

Einen Link setzen Sie mit HTML-Befehl <a> und kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #6a5acd auf Farbwert #b0c4de ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #6a5acd vor.

Z.B. ändern wir bei <a> die Hintergrundfarbe auf Farbwert #6a5acd. Die Schriftgröße vergrößern wir auf 118%:

<style type="text/css"><!--
  a { 
    background-color: #6a5acd; 
    font-size: 118%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #b0c4de gesetzt wird.

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Einzelheiten des hier gezeigten HTML-Befehl a sind in der HTML Referenz unter <a> zusammengestellt.

Füllen und Umranden von HTML-Tag frameset

Bei diesem Beispiel umranden wir <frameset> mit einem gefurchten, 4 Punkte dicken Rahmen in Farbwert #b0c4de . Den Hintergrund von <frameset> setzen wir entsprechend auf Farbwert #6a5acd. Mit HTML geht dies kaum. Daher nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  frameset { border:4pt groove #b0c4de; background-color:#6a5acd; }
//-->
</style>

Möglichkeiten vom hier genutzten HTML-Befehl <frameset>.