Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fa8072 und Farbe azure

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 #fa8072			Schriftfarbe azure
Detail	:	Hintergrund #fa8072	Detail	:	Schrift azure
Farbwert	:	#fa8072	Farbe	:	azure
Farbe	:	salmon	Farbwert	:	#f0ffff
HTML	:	#fa8072	HTML	:	azure
HTML (Wert)	:	#fa8072	HTML (Wert)	:	#f0ffff
CSS	:	#fa8072	CSS	:	azure
CSS (Wert)	:	#fa8072	CSS (Wert)	:	#f0ffff
CSS (kürzest)	:	#fa8072	CSS (kürzest)	:	#f0ffff
CSS (RGB)	:	rgb(250,128,114)	CSS (RGB)	:	rgb(240,255,255)
CSS (%RGB)	:	rgb(98%,50%,44%)	CSS (%RGB)	:	rgb(94%,100%,100%)

Verlauf Hintergrundfarbwert #fa8072 nach Schriftfarbe azure
#fa8072	#f89286	#f7a49a	#f5b6ae	#f4c8c2	#f2dad6	#f1ecea	#f0ffff
#fa8072	#f89286	#f7a49a	#f5b6ae	#f4c8c2	#f2dad6	#f1ecea	#f0ffff

Kombination von #fa8072 und azure
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				azure eignet sich nicht als Schriftfarbe auf Hintergrund #fa8072. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von azure und #fa8072 ergibt sich zu 88.40%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 11.60%.

Hintergrundfarbwert #fa8072				Schriftfarbe azure
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fa8072	#fa8072	#fa8072	#fa8072	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#fa9286	#fa9286	#d66d61	#d66d61	#f2ffff	#f2ffff	#cddada	#cddada
#fba49a	#fba49a	#b25b51	#b25b51	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#fcb6ae	#fcb6ae	#8e4941	#8e4941	#f6ffff	#f6ffff	#899191	#899191
#fcc8c2	#fcc8c2	#6b3630	#6b3630	#f8ffff	#f8ffff	#666d6d	#666d6d
#fddad6	#fddad6	#472420	#472420	#faffff	#faffff	#444848	#444848
#feecea	#feecea	#231210	#231210	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fa8072 und Farbe azure

Wechsel der Textfarbe bei Hover von HTML-Befehl center

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

Z.B. legen wir Farbwert #fa8072 als Textfarbe von <center> fest:

<style type="text/css"><!--
  center { 
    color: #fa8072;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf azure geändert wird.

<style type="text/css"><!--
  center:hover { 
    color:azure;
  }
//-->
</style>

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum HTML-Befehl center ist in der HTML Referenz bei <center> beschrieben.

Hintergrund/Text-Kombination von Befehl q

Hier ändern wir die Textfarbe von <q> auf Farbe azure und die Hintergrundfarbe von <q> auf Farbwert #fa8072. Als Schriftart wählen wir monospace und als Schriftgröße wählen wir 9px.

<style type="text/css"><!--
  q { 
    font-family:monospace; 
    background-color:#fa8072; 
    color:azure; 
    font-size:9px;
  }
//-->
</style>

Der hier verwendete Tag q ist in der HTML Referenz unter <q> ausführlich gezeigt.