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

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			Schriftfarbe darkgoldenrod
Detail	:	Hintergrund #6495ed	Detail	:	Schrift darkgoldenrod
Farbwert	:	#6495ed	Farbe	:	darkgoldenrod
Farbe	:	cornflowerblue	Farbwert	:	#b8860b
HTML	:	#6495ed	HTML	:	darkgoldenrod
HTML (Wert)	:	#6495ed	HTML (Wert)	:	#b8860b
CSS	:	#6495ed	CSS	:	darkgoldenrod
CSS (Wert)	:	#6495ed	CSS (Wert)	:	#b8860b
CSS (kürzest)	:	#6495ed	CSS (kürzest)	:	#b8860b
CSS (RGB)	:	rgb(100,149,237)	CSS (RGB)	:	rgb(184,134,11)
CSS (%RGB)	:	rgb(39%,58%,92%)	CSS (%RGB)	:	rgb(72%,52%,4%)

Verlauf Hintergrundfarbwert #6495ed nach Schriftfarbe darkgoldenrod
#6495ed	#7092cc	#7c90ac	#888e8c	#948c6b	#a08a4b	#ac882b	#b8860b
#6495ed	#7092cc	#7c90ac	#888e8c	#948c6b	#a08a4b	#ac882b	#b8860b

Kombination von #6495ed und darkgoldenrod
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.				darkgoldenrod ist nicht als Schriftfarbe auf Hintergrund #6495ed geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von darkgoldenrod und #6495ed ergibt sich zu 94.79%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.21%.

Hintergrundfarbwert #6495ed				Schriftfarbe darkgoldenrod
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6495ed	#6495ed	#6495ed	#6495ed	#b8860b	#b8860b	#b8860b	#b8860b
#7aa4ef	#7aa4ef	#557fcb	#557fcb	#c2972d	#c2972d	#9d7209	#9d7209
#90b3f2	#90b3f2	#476aa9	#476aa9	#cca850	#cca850	#835f07	#835f07
#a6c2f4	#a6c2f4	#395587	#395587	#d6b973	#d6b973	#694c06	#694c06
#bcd1f7	#bcd1f7	#2a3f65	#2a3f65	#e0cb96	#e0cb96	#4e3904	#4e3904
#d2e0f9	#d2e0f9	#1c2a43	#1c2a43	#eadcb9	#eadcb9	#342603	#342603
#e8effc	#e8effc	#0e1521	#0e1521	#f4eddc	#f4eddc	#1a1301	#1a1301
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6495ed und Farbe darkgoldenrod

Wechsel der Textfarbe bei Hover bei Tag blockquote

Die Textfarbe soll sich von Farbwert #6495ed auf Farbe darkgoldenrod ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <blockquote> in Farbwert #6495ed vor.

Wir legen in diesem Beispiel Farbwert #6495ed als Textfarbe von <blockquote> fest.

<style type="text/css"><!--
  blockquote { 
    color:#6495ed;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu darkgoldenrod ändert.

<style type="text/css"><!--
  blockquote:hover { 
    color:darkgoldenrod;
  }
//-->
</style>

Weiteres zum Thema blockquote können Sie in Blockorientierte Elemente in HTML nachlesen. Weiteres zum hier verwendeten HTML-Befehl <blockquote>.

Hintergrund/Text-Kombination von HTML-Tag th

Wir ändern hier die Textfarbe von <th> auf Farbe darkgoldenrod und die Hintergrundfarbe von <th> auf Farbwert #6495ed. Als Schriftart setzen wir monospace und ändern die Schriftgröße auf 12pt.

<style type="text/css"><!--
  th { 
    background-color: #6495ed; 
    color: darkgoldenrod; 
    font-family: monospace; 
    font-size: 12pt;
  }
//-->
</style>

Mehr zum Thema th können Sie in Tabellen in HTML nachsehen. Zur Beschreibung des HTML-Tag <th>.