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

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 #dda0dd
Detail	:	Hintergrund #6495ed	Detail	:	Schrift #dda0dd
Farbwert	:	#6495ed	Farbwert	:	#dda0dd
Farbe	:	cornflowerblue	Farbe	:	plum
HTML	:	#6495ed	HTML	:	#dda0dd
HTML (Wert)	:	#6495ed	HTML (Wert)	:	#dda0dd
CSS	:	#6495ed	CSS	:	#dda0dd
CSS (Wert)	:	#6495ed	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#6495ed	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(100,149,237)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(39%,58%,92%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbwert #6495ed nach Schriftfarbwert #dda0dd
#6495ed	#7596ea	#8698e8	#9799e6	#a99be3	#ba9ce1	#cb9edf	#dda0dd
#6495ed	#7596ea	#8698e8	#9799e6	#a99be3	#ba9ce1	#cb9edf	#dda0dd

Kombination von #6495ed und #dda0dd
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #dda0dd und #6495ed beträgt 93.16%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.84%. #dda0dd eignet sich nicht als Schriftfarbe auf Hintergrund #6495ed, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #6495ed				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6495ed	#6495ed	#6495ed	#6495ed	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#7aa4ef	#7aa4ef	#557fcb	#557fcb	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#90b3f2	#90b3f2	#476aa9	#476aa9	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#a6c2f4	#a6c2f4	#395587	#395587	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#bcd1f7	#bcd1f7	#2a3f65	#2a3f65	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#d2e0f9	#d2e0f9	#1c2a43	#1c2a43	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#e8effc	#e8effc	#0e1521	#0e1521	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover von Tag table

Die Hintergrundfarbe soll sich von Farbwert #6495ed auf Farbwert #dda0dd ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <table> in Farbwert #6495ed vor.

Wir legen zum Beispiel Farbwert #6495ed als Hintergrundfarbe von <table> fest. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf arial.

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

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe zu #dda0dd ändert.

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

Mehr zum Thema können Sie in Tabellen in HTML lesen. Möglichkeiten des hier verwendeten Tag <table>.

Wechsel der Umrandung bei Hover mit Tag frameset

Die Rahmenfarbe soll sich von Farbwert #6495ed auf Farbwert #dda0dd ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <frameset> in Farbwert #6495ed vor.

In diesem Beispiel umranden wir <frameset> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbwert #6495ed.

<style type="text/css"><!--
  frameset { 
    border-width: 4px; 
    border-color: #6495ed; 
    border-style: ridge;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #dda0dd geändert wird.

<style type="text/css"><!--
  frameset: hover { 
    border-color: #dda0dd;
  }
//-->
</style>

Weiteres zum Tag <frameset>.