Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f08080 und Farbe snow

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 #f08080			Schriftfarbe snow
Detail	:	Hintergrund #f08080	Detail	:	Schrift snow
Farbwert	:	#f08080	Farbe	:	snow
Farbe	:	lightcoral	Farbwert	:	#fffafa
HTML	:	#f08080	HTML	:	snow
HTML (Wert)	:	#f08080	HTML (Wert)	:	#fffafa
CSS	:	#f08080	CSS	:	snow
CSS (Wert)	:	#f08080	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#f08080	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(240,128,128)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(94%,50%,50%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbwert #f08080 nach Schriftfarbe snow
#f08080	#f29191	#f4a2a2	#f6b4b4	#f8c5c5	#fad7d7	#fce8e8	#fffafa
#f08080	#f29191	#f4a2a2	#f6b4b4	#f8c5c5	#fad7d7	#fce8e8	#fffafa

Kombination von #f08080 und snow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #f08080 ist snow ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von snow und #f08080 ergibt sich zu 88.07%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.93%.

Hintergrundfarbwert #f08080				Schriftfarbe snow
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f08080	#f08080	#f08080	#f08080	#fffafa	#fffafa	#fffafa	#fffafa
#f29292	#f29292	#cd6d6d	#cd6d6d	#fffafa	#fffafa	#dad6d6	#dad6d6
#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#f6b6b6	#f6b6b6	#894949	#894949	#fffcfc	#fffcfc	#918e8e	#918e8e
#f8c8c8	#f8c8c8	#663636	#663636	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#fadada	#fadada	#442424	#442424	#fffdfd	#fffdfd	#484747	#484747
#fcecec	#fcecec	#221212	#221212	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f08080 und Farbe snow

Text- und Unterstreichungsfarben mit Befehl a

Ein Hyperlink wird mit Befehl <a> erzeugt. Er kann farblich gestaltet werden.

Wir ändern Hher die Textfarbe von <a> auf Farbe snow. Die Schriftart ändern wir auf arial. Die Schriftgröße setzen wir auf 10px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gepunkteten Rahmens mit 4 Punkte Dicke in Farbwert #f08080. Mit HTML ist das nicht möglich. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  a { 
    color:snow; 
    font-family:arial; 
    border-bottom-style:dotted; 
    font-size:10px; 
    border-bottom-color:#f08080; 
    border-bottom-width:4pt;
  }
//-->
</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 finden. Möglichkeiten des hier genutzten Befehl a finden Sie in der HTML Referenz unter <a>.

Wechsel der Hintergrundfarbe bei Hover mit Befehl h2

Eine Überschrift wird mit Befehl <h2> gesetzt. Diese kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #f08080 auf Farbe snow ändern, wenn man mit der Maus auf <h2> zeigt. Wir bereiten zunächst die Darstellung von <h2> in Farbwert #f08080 vor.

Für dieses Beispiel setzen wir bei <h2> die Hintergrundfarbe auf Farbwert #f08080.

<style type="text/css"><!--
  h2 { 
    background-color:#f08080;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf snow gesetzt wird.

<style type="text/css"><!--
  h2: hover { 
    background-color: snow;
  }
//-->
</style>

Mehr zum Thema h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des Tag h2 erfahren Sie in der HTML Referenz unter <h2>.