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

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 azure			Schriftfarbwert #ffefd5
Detail	:	Hintergrund azure	Detail	:	Schrift #ffefd5
Farbe	:	azure	Farbwert	:	#ffefd5
Farbwert	:	#f0ffff	Farbe	:	papayawhip
HTML	:	azure	HTML	:	#ffefd5
HTML (Wert)	:	#f0ffff	HTML (Wert)	:	#ffefd5
CSS	:	azure	CSS	:	#ffefd5
CSS (Wert)	:	#f0ffff	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#f0ffff	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(240,255,255)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(94%,100%,100%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbe azure nach Schriftfarbwert #ffefd5
#f0ffff	#f2fcf9	#f4faf3	#f6f8ed	#f8f5e7	#faf3e1	#fcf1db	#ffefd5
#f0ffff	#f2fcf9	#f4faf3	#f6f8ed	#f8f5e7	#faf3e1	#fcf1db	#ffefd5

Kombination von azure und #ffefd5
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit der Farben #ffefd5 und azure beträgt 94.75%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.25%. #ffefd5 eignet sich nicht als Schriftfarbe auf Hintergrund azure, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe azure				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0ffff	#f0ffff	#f0ffff	#f0ffff	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#f2ffff	#f2ffff	#cddada	#cddada	#fff1db	#fff1db	#daccb6	#daccb6
#f4ffff	#f4ffff	#abb6b6	#abb6b6	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#f6ffff	#f6ffff	#899191	#899191	#fff5e7	#fff5e7	#918879	#918879
#f8ffff	#f8ffff	#666d6d	#666d6d	#fff8ed	#fff8ed	#6d665b	#6d665b
#faffff	#faffff	#444848	#444848	#fffaf3	#fffaf3	#48443c	#48443c
#fcffff	#fcffff	#222424	#222424	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe azure und Farbwert #ffefd5

Wechsel der Textfarbe bei Hover bei HTML-Befehl tbody

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

Wir legen für dieses Beispiel bei <tbody> die Textfarbe auf Farbe azure fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf verdana und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  tbody { 
    color: azure; 
    font-family: verdana; 
    font-size: 13px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ffefd5 geändert wird.

<style type="text/css"><!--
  tbody:hover { 
    color:#ffefd5;
  }
//-->
</style>

Weiteres zum Thema tbody erfahren Sie in Tabellen in HTML. Die Beschreibung des HTML-Befehl tbody lesen Sie in der HTML Referenz unter <tbody>.

Füllen und Umranden mit Tag p

Bei diesem Beispiel umranden wir <p> mit einem herausstehenden, 3 Pixel dicken Rahmen in Farbwert #ffefd5 . Die Hintergrundfarbe für <p> färben wir entsprechend mit Farbe azure. Mit HTML geht das kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  p { 
    border-width: 3px; 
    border-color: #ffefd5; 
    border-style: outset; 
    background-color: azure;
  }
//-->
</style>

Weiteres zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte HTML-Tag p ist in der HTML Referenz unter <p> genau gezeigt.