Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffffff und Farbe azure

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #ffffff			Schriftfarbe azure
Detail	:	Hintergrund #ffffff	Detail	:	Schrift azure
Farbwert	:	#ffffff	Farbe	:	azure
Farbe	:	white	Farbwert	:	#f0ffff
HTML	:	#ffffff	HTML	:	azure
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#f0ffff
CSS	:	#ffffff	CSS	:	azure
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#f0ffff
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#f0ffff
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(240,255,255)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(94%,100%,100%)

Verlauf Hintergrundfarbwert #ffffff nach Schriftfarbe azure
#ffffff	#fcffff	#faffff	#f8ffff	#f6ffff	#f4ffff	#f2ffff	#f0ffff
#ffffff	#fcffff	#faffff	#f8ffff	#f6ffff	#f4ffff	#f2ffff	#f0ffff

Kombination von #ffffff und azure
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit von azure und #ffffff ergibt sich zu 95.11%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.89%. azure ist nicht als Schriftfarbe auf Hintergrund #ffffff geeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #ffffff				Schriftfarbe azure
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#ffffff	#ffffff	#dadada	#dadada	#f2ffff	#f2ffff	#cddada	#cddada
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#ffffff	#ffffff	#919191	#919191	#f6ffff	#f6ffff	#899191	#899191
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#f8ffff	#f8ffff	#666d6d	#666d6d
#ffffff	#ffffff	#484848	#484848	#faffff	#faffff	#444848	#444848
#ffffff	#ffffff	#242424	#242424	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffffff und Farbe azure

Hintergrund/Text-Kombination bei HTML-Tag thead

Hier ändern wir die Textfarbe von <thead> auf Farbe azure und die Hintergrundfarbe von <thead> auf Farbwert #ffffff. Als Schriftart setzen wir verdana und verringern die Schriftgröße auf 99%.

<style type="text/css"><!--
  thead { 
    font-size: 99%; 
    background-color: #fff; 
    color: azure; 
    font-family: verdana;
  }
//-->
</style>

Mehr zum Thema thead können Sie in Tabellen in HTML nachsehen. Beschreibung des hier verwendeten HTML-Befehl <thead>.

Wechsel der Hintergrundfarbe bei Hover mit Tag h1

Mit HTML-Tag <h1> setzen Sie eine Überschrift. Diese kann man farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #ffffff auf Farbe azure ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h1> in Farbwert #ffffff vor.

Zum Beispiel legen wir Farbwert #ffffff als Hintergrundfarbe von <h1> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  h1 { 
    font-family: verdana; 
    background-color: #ffffff;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu azure ändert.

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

Weiteres zu h1 finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier verwendeten HTML-Befehl h1 sind in der HTML Referenz bei <h1> ausführlich zusammengestellt.