Ressourcen: 120 HTML Farbnamen - Kombination von Farbe cornflowerblue und Farbwert #fff8dc

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.

Hintergrundfarbe cornflowerblue			Schriftfarbwert #fff8dc
Detail	:	Hintergrund cornflowerblue	Detail	:	Schrift #fff8dc
Farbe	:	cornflowerblue	Farbwert	:	#fff8dc
Farbwert	:	#6495ed	Farbe	:	cornsilk
HTML	:	cornflowerblue	HTML	:	#fff8dc
HTML (Wert)	:	#6495ed	HTML (Wert)	:	#fff8dc
CSS	:	cornflowerblue	CSS	:	#fff8dc
CSS (Wert)	:	#6495ed	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#6495ed	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(100,149,237)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(39%,58%,92%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbe cornflowerblue nach Schriftfarbwert #fff8dc
#6495ed	#7aa3ea	#90b1e8	#a6bfe5	#bccde3	#d2dbe0	#e8e9de	#fff8dc
#6495ed	#7aa3ea	#90b1e8	#a6bfe5	#bccde3	#d2dbe0	#e8e9de	#fff8dc

Kombination von cornflowerblue und #fff8dc
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #fff8dc und cornflowerblue ergibt sich zu 86.71%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 13.29%. #fff8dc ist nicht als Schriftfarbe auf Hintergrund cornflowerblue geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbe cornflowerblue				Schriftfarbwert #fff8dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6495ed	#6495ed	#6495ed	#6495ed	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#7aa4ef	#7aa4ef	#557fcb	#557fcb	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#90b3f2	#90b3f2	#476aa9	#476aa9	#fffae6	#fffae6	#b6b19d	#b6b19d
#a6c2f4	#a6c2f4	#395587	#395587	#fffbeb	#fffbeb	#918d7d	#918d7d
#bcd1f7	#bcd1f7	#2a3f65	#2a3f65	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#d2e0f9	#d2e0f9	#1c2a43	#1c2a43	#fffdf5	#fffdf5	#48463e	#48463e
#e8effc	#e8effc	#0e1521	#0e1521	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe cornflowerblue und Farbwert #fff8dc

Text- und Unterstreichungsfarben bei Tag samp

Hier ändern wir die Textfarbe von <samp> auf Farbwert #fff8dc. Die Schriftart ändern wir auf courier new. Die Schriftgröße setzen wir auf 126%. Wir unterstreichen den Inhalt von <samp> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbe cornflowerblue. Dies geht mit HTML nicht. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  samp { 
    font-family: courier new; 
    border-bottom: 5px outset cornflowerblue; 
    color: #fff8dc; 
    font-size: 126%;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema samp lesen Sie in Text in HTML. Möglichkeiten vom HTML-Befehl <samp>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl p

Die Textfarbe soll sich von Farbe cornflowerblue auf Farbwert #fff8dc ändern, wenn man mit der Maus auf <p> zeigt. Wir bereiten zunächst eine Formatierung von <p> in Farbe cornflowerblue vor.

Wir setzen für dieses Beispiel die Textfarbe von <p> auf Farbe cornflowerblue. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  p { 
    color: cornflowerblue; 
    font-size: 13px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #fff8dc ändert.

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

Mehr zu p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Tag p ist in der HTML Referenz unter <p> gezeigt.