Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000080 und Farbwert #dda0dd

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 #000080			Schriftfarbwert #dda0dd
Detail	:	Hintergrund #000080	Detail	:	Schrift #dda0dd
Farbwert	:	#000080	Farbwert	:	#dda0dd
Farbe	:	navy	Farbe	:	plum
HTML	:	#000080	HTML	:	#dda0dd
HTML (Wert)	:	#000080	HTML (Wert)	:	#dda0dd
CSS	:	#000080	CSS	:	#dda0dd
CSS (Wert)	:	#000080	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#000080	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(0,0,128)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(0%,0%,50%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbwert #000080 nach Schriftfarbwert #dda0dd
#000080	#1f168d	#3f2d9a	#5e44a7	#7e5bb5	#9d72c2	#bd89cf	#dda0dd
#000080	#1f168d	#3f2d9a	#5e44a7	#7e5bb5	#9d72c2	#bd89cf	#dda0dd

Kombination von #000080 und #dda0dd
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 #dda0dd und #000080 ergibt sich zu 63.16%. Die Lesbarkeit dieser Kombination liegt damit bei 36.84%. #dda0dd ist nicht als Schriftfarbe auf Hintergrund #000080 geeignet. Zwar ist der Helligkeitsunterschied gross genug, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #000080				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000080	#000080	#000080	#000080	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#242492	#242492	#00006d	#00006d	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#4848a4	#4848a4	#00005b	#00005b	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#6d6db6	#6d6db6	#000049	#000049	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#9191c8	#9191c8	#000036	#000036	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#b6b6da	#b6b6da	#000024	#000024	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#dadaec	#dadaec	#000012	#000012	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000080 und Farbwert #dda0dd

Wechsel der Textfarbe bei Hover mit HTML-Befehl tbody

Die Textfarbe soll sich von Farbwert #000080 auf Farbwert #dda0dd ändern, wenn man mit der Maus auf <tbody> zeigt. Bereiten wir zunächst die Formatierung von <tbody> in Farbwert #000080 vor.

Wir legen in diesem Beispiel die Textfarbe von <tbody> auf Farbwert #000080 fest. Die Schriftgröße verkleinern wir auf 80%:

<style type="text/css"><!--
  tbody { 
    color:#000080; 
    font-size:80%;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #dda0dd geändert wird.

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

Mehr zum Thema können Sie in Tabellen in HTML lesen. Mehr zum Tag <tbody>.

Füllen und Umranden mit HTML-Tag center

Für dieses Beispiel umranden wir <center> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbwert #dda0dd . Den Hintergrund von <center> setzen wir entsprechend auf Farbwert #000080. Das ist mit HTML nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  center { 
    border-style:dashed; 
    border-width:2px; 
    background-color:#000080; 
    border-color:#dda0dd;
  }
//-->
</style>

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum Tag <center>.