Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #000000 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 #000000			Schriftfarbwert #dda0dd
Detail	:	Hintergrund #000000	Detail	:	Schrift #dda0dd
Farbwert	:	#000000	Farbwert	:	#dda0dd
Farbe	:	black	Farbe	:	plum
HTML	:	#000000	HTML	:	#dda0dd
HTML (Wert)	:	#000000	HTML (Wert)	:	#dda0dd
CSS	:	#000000	CSS	:	#dda0dd
CSS (Wert)	:	#000000	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#000	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #dda0dd
#000000	#1f161f	#3f2d3f	#5e445e	#7e5b7e	#9d729d	#bd89bd	#dda0dd
#000000	#1f161f	#3f2d3f	#5e445e	#7e5b7e	#9d729d	#bd89bd	#dda0dd

Kombination von #000000 und #dda0dd
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #dda0dd und #000000 beträgt 51.68%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 48.32%. #dda0dd eignet sich als Schriftfarbe auf Hintergrund #000000, weil die Unterschiede in Helligkeit und Farbe in Ordnung sind.

Hintergrundfarbwert #000000				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#242424	#242424	#000000	#000000	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#484848	#484848	#000000	#000000	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#6d6d6d	#6d6d6d	#000000	#000000	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#919191	#919191	#000000	#000000	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#b6b6b6	#b6b6b6	#000000	#000000	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#dadada	#dadada	#000000	#000000	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000000 und Farbwert #dda0dd

Wechsel der Textfarbe bei Hover mit Tag colgroup

Die Textfarbe soll sich von Farbwert #000000 auf Farbwert #dda0dd ändern, wenn man mit der Maus auf <colgroup> zeigt. Wir bereiten zunächst die Darstellung von <colgroup> in Farbwert #000000 vor.

Wir ändern hier die Textfarbe von <colgroup> auf Farbwert #000000. Die Größe der Schrift setzen wir auf 9px:

<style type="text/css"><!--
  colgroup { 
    font-size:9px; 
    color:#000000;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #dda0dd gesetzt wird.

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

Weiteres zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten des Tag colgroup sind in der HTML Referenz bei <colgroup> ausführlich zusammengestellt.

Hintergrund/Text-Kombination von Tag dfn

Bei diesem Beispiel ändern wir die Textfarbe von <dfn> auf Farbwert #dda0dd und die Hintergrundfarbe von <dfn> auf Farbwert #000000. Als Schriftart setzen wir verdana und setzen die Schriftgröße auf 13pt.

<style type="text/css"><!--
  dfn { 
    font-size:13pt; 
    background-color:#000000; 
    color:#dda0dd; 
    font-family:verdana;
  }
//-->
</style>

Mehr zu dfn finden Sie in Text in HTML. Weiteres zum hier gezeigten HTML-Tag dfn ist in der HTML Referenz bei <dfn> genau gezeigt.