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

Verlauf Hintergrundfarbwert #ff0000 nach Schriftfarbwert #dda0dd
#ff0000	#fa161f	#f52d3f	#f0445e	#eb5b7e	#e6729d	#e189bd	#dda0dd
#ff0000	#fa161f	#f52d3f	#f0445e	#eb5b7e	#e6729d	#e189bd	#dda0dd

Kombination von #ff0000 und #dda0dd
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #dda0dd und #ff0000 beträgt 90.80%. Die Lesbarkeit dieser Kombination ergibt sich zu 9.20%. #dda0dd eignet sich nicht als Schriftfarbe auf Hintergrund #ff0000. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbwert #ff0000				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff0000	#ff0000	#ff0000	#ff0000	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#ff2424	#ff2424	#da0000	#da0000	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#ff4848	#ff4848	#b60000	#b60000	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#ff6d6d	#ff6d6d	#910000	#910000	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#ff9191	#ff9191	#6d0000	#6d0000	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#ffb6b6	#ffb6b6	#480000	#480000	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#ffdada	#ffdada	#240000	#240000	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff0000 und Farbwert #dda0dd

Wechsel der Textfarbe bei Hover mit Tag a

Mit Tag <a> wird ein Link erzeugt. Diesen können Sie farblich gestalten.

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

Als Beispiel legen wir Farbwert #ff0000 als Textfarbe von <a> fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf verdana und setzen die Schriftgröße auf 94%:

<style type="text/css"><!--
  a { 
    color:#f00; 
    font-size:94%; 
    font-family:verdana;
  }
//-->
</style>

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

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

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Mehr zum hier gezeigten Tag a finden Sie in der HTML Referenz unter <a>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl h6

Eine Überschrift der 6. Stufe setzt man mit HTML-Tag <h6>. Diese kann farblich gestaltet werden.

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

Hier legen wir Farbwert #ff0000 als Hintergrundfarbe von <h6> fest und setzen die Größe der Schrift auf 14px.

<style type="text/css"><!--
  h6 { 
    background-color:#ff0000; 
    font-size:14px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #dda0dd ändert.

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

Weiteres zum Thema h6 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier genutzten HTML-Tag h6 lesen Sie in der HTML Referenz unter <h6>.