Ressourcen: 137 HTML Farbnamen - Kombination von Farbe blue und Farbwert #fdf5e6

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.

Hintergrundfarbe blue			Schriftfarbwert #fdf5e6
Detail	:	Hintergrund blue	Detail	:	Schrift #fdf5e6
Farbe	:	blue	Farbwert	:	#fdf5e6
Farbwert	:	#0000ff	Farbe	:	oldlace
HTML	:	blue	HTML	:	#fdf5e6
HTML (Wert)	:	#0000ff	HTML (Wert)	:	#fdf5e6
CSS	:	blue	CSS	:	#fdf5e6
CSS (Wert)	:	#0000ff	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#00f	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(0,0,255)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(0%,0%,100%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbe blue nach Schriftfarbwert #fdf5e6
#0000ff	#2423fb	#4846f7	#6c69f4	#908cf0	#b4afed	#d8d2e9	#fdf5e6
#0000ff	#2423fb	#4846f7	#6c69f4	#908cf0	#b4afed	#d8d2e9	#fdf5e6

Kombination von blue und #fdf5e6
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante.				Die Ähnlichkeit von #fdf5e6 und blue beträgt 62.24%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 37.76%. #fdf5e6 eignet sich als Schriftfarbe auf Hintergrund blue, da der Unterschied in den Helligkeiten in Ordnung ist, der Farbenunterschied ebenso.

Hintergrundfarbe blue				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000ff	#0000ff	#0000ff	#0000ff	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#2424ff	#2424ff	#0000da	#0000da	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#4848ff	#4848ff	#0000b6	#0000b6	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#6d6dff	#6d6dff	#000091	#000091	#fdf9f0	#fdf9f0	#908c83	#908c83
#9191ff	#9191ff	#00006d	#00006d	#fefaf4	#fefaf4	#6c6962	#6c6962
#b6b6ff	#b6b6ff	#000048	#000048	#fefcf7	#fefcf7	#484641	#484641
#dadaff	#dadaff	#000024	#000024	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blue und Farbwert #fdf5e6

Wechsel der Umrandung bei Hover mit Befehl center

Die Rahmenfarbe soll sich von Farbe blue auf Farbwert #fdf5e6 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <center> in Farbe blue vor.

In diesem Beispiel umranden wir <center> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbe blue.

<style type="text/css"><!--
  center { 
    border-color:blue; 
    border-width:3px; 
    border-style:inset;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe zu #fdf5e6 ändert.

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

Weiteres zu center finden Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Befehl center ist in der HTML Referenz bei <center> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag a

Mit HTML-Befehl <a> wird ein Verweis erzeugt. Diesen können Sie hervorheben und farblich gestalten.

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

Für dieses Beispiel legen wir Farbe blue als Hintergrundfarbe von <a> fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf verdana.

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

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #fdf5e6 ändert.

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

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Mehr zum hier gezeigten HTML-Tag <a>.