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

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

Verlauf Hintergrundfarbwert #6495ed nach Schriftfarbwert #ffa07a
#6495ed	#7a96dc	#9098cc	#a699bb	#bc9bab	#d29c9a	#e89e8a	#ffa07a
#6495ed	#7a96dc	#9098cc	#a699bb	#bc9bab	#d29c9a	#e89e8a	#ffa07a

Kombination von #6495ed und #ffa07a
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit von #ffa07a und #6495ed beträgt 92.88%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 7.12%. #ffa07a ist nicht als Schriftfarbe auf Hintergrund #6495ed geeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #6495ed				Schriftfarbwert #ffa07a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6495ed	#6495ed	#6495ed	#6495ed	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#7aa4ef	#7aa4ef	#557fcb	#557fcb	#ffad8d	#ffad8d	#da8968	#da8968
#90b3f2	#90b3f2	#476aa9	#476aa9	#ffbba0	#ffbba0	#b67257	#b67257
#a6c2f4	#a6c2f4	#395587	#395587	#ffc8b3	#ffc8b3	#915b45	#915b45
#bcd1f7	#bcd1f7	#2a3f65	#2a3f65	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#d2e0f9	#d2e0f9	#1c2a43	#1c2a43	#ffe3d9	#ffe3d9	#482d22	#482d22
#e8effc	#e8effc	#0e1521	#0e1521	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Textfarbe bei Hover von HTML-Befehl h3

Eine Überschrift wird mit HTML-Befehl <h3> erzeugt. Diese kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #6495ed auf Farbwert #ffa07a ändern, wenn man mit der Maus auf <h3> zeigt. Wir bereiten zunächst die Formatierung von <h3> in Farbwert #6495ed vor.

Für dieses Beispiel ändern wir bei <h3> die Textfarbe auf Farbwert #6495ed und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  h3 { 
    font-size:13px; 
    color:#6495ed;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #ffa07a gesetzt wird.

<style type="text/css"><!--
  h3:hover { 
    color:#ffa07a;
  }
//-->
</style>

Weiteres zu h3 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum hier gezeigten Tag h3 ist in der HTML Referenz bei <h3> genau gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit Befehl fieldset

Die Hintergrundfarbe soll sich von Farbwert #6495ed auf Farbwert #ffa07a ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <fieldset> in Farbwert #6495ed vor.

Hier legen wir bei <fieldset> die Hintergrundfarbe auf Farbwert #6495ed fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf arial und verringern die Schriftgröße auf 81%.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #ffa07a gesetzt wird.

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

Mehr zum Thema fieldset lesen Sie in Formulare in HTML. Mehr zum hier gezeigten Befehl <fieldset>.