Ressourcen: 120 HTML Farbnamen - Kombination von Farbe ivory und Farbwert #00008b

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.

Hintergrundfarbe ivory			Schriftfarbwert #00008b
Detail	:	Hintergrund ivory	Detail	:	Schrift #00008b
Farbe	:	ivory	Farbwert	:	#00008b
Farbwert	:	#fffff0	Farbe	:	darkblue
HTML	:	ivory	HTML	:	#00008b
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#00008b
CSS	:	ivory	CSS	:	#00008b
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbe ivory nach Schriftfarbwert #00008b
#fffff0	#dadae1	#b6b6d3	#9191c4	#6d6db6	#4848a7	#242499	#00008b
#fffff0	#dadae1	#b6b6d3	#9191c4	#6d6db6	#4848a7	#242499	#00008b

Kombination von ivory und #00008b
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#00008b eignet sich als Schriftfarbe auf Hintergrund ivory, weil der Farbenunterschied gut ist, der Unterschied in den Helligkeiten ebenso. Die Ähnlichkeit der Farben #00008b und ivory ergibt sich zu 27.80%. Die Lesbarkeit dieser Farbkombination liegt damit bei 72.20%.

Hintergrundfarbe ivory				Schriftfarbwert #00008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#00008b	#00008b	#00008b	#00008b
#fffff2	#fffff2	#dadacd	#dadacd	#24249b	#24249b	#000077	#000077
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#4848ac	#4848ac	#000063	#000063
#fffff6	#fffff6	#919189	#919189	#6d6dbc	#6d6dbc	#00004f	#00004f
#fffff8	#fffff8	#6d6d66	#6d6d66	#9191cd	#9191cd	#00003b	#00003b
#fffffa	#fffffa	#484844	#484844	#b6b6dd	#b6b6dd	#000027	#000027
#fffffc	#fffffc	#242422	#242422	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe ivory und Farbwert #00008b

Füllen und Umranden bei Befehl center

Hier umranden wir <center> mit einem 3 Punkte dicken, einfallenden Rahmen in Farbwert #00008b . Die Hintergrundfarbe für <center> färben wir entsprechend mit Farbe ivory. In HTML geht das nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  center { 
    border-width:3pt; 
    border-style:inset; 
    background-color:ivory; 
    border-color:#00008b;
  }
//-->
</style>

Weiteres zu center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom hier gezeigten HTML-Befehl <center>.

Wechsel der Hintergrundfarbe bei Hover von Tag p

Die Hintergrundfarbe soll sich von Farbe ivory auf Farbwert #00008b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <p> in Farbe ivory vor.

Wir legen in diesem Beispiel Farbe ivory als Hintergrundfarbe von <p> fest und ändern die Größe der Schrift auf 9pt.

<style type="text/css"><!--
  p { 
    font-size: 9pt; 
    background-color: ivory;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #00008b geändert wird.

<style type="text/css"><!--
  p:hover { 
    background-color:#00008b;
  }
//-->
</style>

Mehr zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom Tag <p>.