Ressourcen: 137 HTML Farbnamen - Kombination von Farbe ivory und Farbwert #a0522d

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 ivory			Schriftfarbwert #a0522d
Detail	:	Hintergrund ivory	Detail	:	Schrift #a0522d
Farbe	:	ivory	Farbwert	:	#a0522d
Farbwert	:	#fffff0	Farbe	:	sienna
HTML	:	ivory	HTML	:	#a0522d
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#a0522d
CSS	:	ivory	CSS	:	#a0522d
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe ivory nach Schriftfarbwert #a0522d
#fffff0	#f1e6d4	#e3cdb8	#d6b49c	#c89c80	#bb8364	#ad6a48	#a0522d
#fffff0	#f1e6d4	#e3cdb8	#d6b49c	#c89c80	#bb8364	#ad6a48	#a0522d

Kombination von ivory und #a0522d
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 der Farben #a0522d und ivory ergibt sich zu 73.50%. Die Lesbarkeit dieser Kombination ergibt sich zu 26.50%. #a0522d ist nicht als Schriftfarbe auf Hintergrund ivory geeignet, da der Unterschied in den Farben zu gering ist

Hintergrundfarbe ivory				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#a0522d	#a0522d	#a0522d	#a0522d
#fffff2	#fffff2	#dadacd	#dadacd	#ad6a4b	#ad6a4b	#894626	#894626
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#bb8369	#bb8369	#723a20	#723a20
#fffff6	#fffff6	#919189	#919189	#c89c87	#c89c87	#5b2e19	#5b2e19
#fffff8	#fffff8	#6d6d66	#6d6d66	#d6b4a5	#d6b4a5	#442313	#442313
#fffffa	#fffffa	#484844	#484844	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#fffffc	#fffffc	#242422	#242422	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ivory und Farbwert #a0522d

Hintergrund/Text-Kombination mit HTML-Befehl thead

Wir ändern hier die Textfarbe von <thead> auf Farbwert #a0522d und die Hintergrundfarbe von <thead> auf Farbe ivory. Die Schriftart ändern wir auf verdana. Als Schriftgröße wählen wir 92%.

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

Weiteres zu thead können Sie in Tabellen in HTML nachsehen. Die Beschreibung des Tag thead lesen Sie in der HTML Referenz unter <thead>.

Wechsel der Umrandung bei Hover von Tag p

Die Rahmenfarbe soll sich von Farbe ivory auf Farbwert #a0522d ändern, wenn man mit der Maus auf <p> zeigt. Wir bereiten zunächst die Darstellung von <p> in Farbe ivory vor.

In diesem Beispiel umranden wir <p> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbe ivory.

<style type="text/css"><!--
  p { border:4px inset ivory; }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #a0522d geändert wird.

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten des HTML-Befehl <p>.