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

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 #fff8dc			Schriftfarbe firebrick
Detail	:	Hintergrund #fff8dc	Detail	:	Schrift firebrick
Farbwert	:	#fff8dc	Farbe	:	firebrick
Farbe	:	cornsilk	Farbwert	:	#b22222
HTML	:	#fff8dc	HTML	:	firebrick
HTML (Wert)	:	#fff8dc	HTML (Wert)	:	#b22222
CSS	:	#fff8dc	CSS	:	firebrick
CSS (Wert)	:	#fff8dc	CSS (Wert)	:	#b22222
CSS (kürzest)	:	#fff8dc	CSS (kürzest)	:	#b22222
CSS (RGB)	:	rgb(255,248,220)	CSS (RGB)	:	rgb(178,34,34)
CSS (%RGB)	:	rgb(100%,97%,86%)	CSS (%RGB)	:	rgb(69%,13%,13%)

Verlauf Hintergrundfarbwert #fff8dc nach Schriftfarbe firebrick
#fff8dc	#f4d9c1	#e9baa6	#de9c8c	#d37d71	#c85f57	#bd403c	#b22222
#fff8dc	#f4d9c1	#e9baa6	#de9c8c	#d37d71	#c85f57	#bd403c	#b22222

Kombination von #fff8dc und firebrick
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.				Die Ähnlichkeit von firebrick und #fff8dc beträgt 70.15%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 29.85%. Auf Hintergrund #fff8dc ist firebrick ungeeignet, weil die Farben zu ähnlich sind.

Hintergrundfarbwert #fff8dc				Schriftfarbe firebrick
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#b22222	#b22222	#b22222	#b22222
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#bd4141	#bd4141	#981d1d	#981d1d
#fffae6	#fffae6	#b6b19d	#b6b19d	#c86161	#c86161	#7f1818	#7f1818
#fffbeb	#fffbeb	#918d7d	#918d7d	#d38080	#d38080	#651313	#651313
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#dea0a0	#dea0a0	#4c0e0e	#4c0e0e
#fffdf5	#fffdf5	#48463e	#48463e	#e9bfbf	#e9bfbf	#320909	#320909
#fffefa	#fffefa	#24231f	#24231f	#f4dfdf	#f4dfdf	#190404	#190404
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fff8dc und Farbe firebrick

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl a

Mit HTML-Tag <a> wird ein Hyperlink erzeugt. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #fff8dc auf Farbe firebrick ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbwert #fff8dc vor.

Für dieses Beispiel legen wir Farbwert #fff8dc als Hintergrundfarbe von <a> fest. Die Größe der Schrift erhöhen wir auf 113%:

<style type="text/css"><!--
  a { 
    font-size: 113%; 
    background-color: #fff8dc;
  }
//-->
</style>

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

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Zur Beschreibung des hier verwendeten HTML-Befehl <a>.