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

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 #6495ed			Schriftfarbwert #b0e0e6
Detail	:	Hintergrund #6495ed	Detail	:	Schrift #b0e0e6
Farbwert	:	#6495ed	Farbwert	:	#b0e0e6
Farbe	:	cornflowerblue	Farbe	:	powderblue
HTML	:	#6495ed	HTML	:	#b0e0e6
HTML (Wert)	:	#6495ed	HTML (Wert)	:	#b0e0e6
CSS	:	#6495ed	CSS	:	#b0e0e6
CSS (Wert)	:	#6495ed	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#6495ed	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(100,149,237)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(39%,58%,92%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbwert #6495ed nach Schriftfarbwert #b0e0e6
#6495ed	#6e9fec	#79aaeb	#84b5ea	#8fbfe9	#9acae8	#a5d5e7	#b0e0e6
#6495ed	#6e9fec	#79aaeb	#84b5ea	#8fbfe9	#9acae8	#a5d5e7	#b0e0e6

Kombination von #6495ed und #b0e0e6
Cras id velit ante. 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.				#b0e0e6 ist nicht als Schriftfarbe auf Hintergrund #6495ed geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit der Farben #b0e0e6 und #6495ed ergibt sich zu 90.12%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.88%.

Hintergrundfarbwert #6495ed				Schriftfarbwert #b0e0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6495ed	#6495ed	#6495ed	#6495ed	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#7aa4ef	#7aa4ef	#557fcb	#557fcb	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#90b3f2	#90b3f2	#476aa9	#476aa9	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#a6c2f4	#a6c2f4	#395587	#395587	#d1edf0	#d1edf0	#648083	#648083
#bcd1f7	#bcd1f7	#2a3f65	#2a3f65	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#d2e0f9	#d2e0f9	#1c2a43	#1c2a43	#e8f6f7	#e8f6f7	#324041	#324041
#e8effc	#e8effc	#0e1521	#0e1521	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6495ed und Farbwert #b0e0e6

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl dd

Die Hintergrundfarbe soll sich von Farbwert #6495ed auf Farbwert #b0e0e6 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <dd> in Farbwert #6495ed vor.

Hier setzen wir bei <dd> die Hintergrundfarbe auf Farbwert #6495ed. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf arial.

<style type="text/css"><!--
  dd { 
    background-color:#6495ed; 
    font-family:arial;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #b0e0e6 ändert.

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

Mehr zum Thema dd können Sie in Listen und Glossare in HTML nachlesen. Weiteres zum HTML-Befehl <dd>.

Text- und Unterstreichungsfarben von HTML-Befehl a

Einen Verweis setzt man mit HTML-Befehl <a>. Dieser kann farblich gestaltet werden.

Wir ändern Hher die Textfarbe von <a> auf Farbwert #b0e0e6. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines doppelten Rahmens mit 5 Pixel Dicke in Farbwert #6495ed. Dies geht in HTML nicht. Daher nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-size:13px; 
    border-bottom:5px double #6495ed; 
    font-family:sans-serif; 
    color:#b0e0e6;
  }
//-->
</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 nachlesen. Zur Beschreibung des hier gezeigten HTML-Befehl <a>.