Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #ff0000 und Farbwert #800080

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #ff0000			Schriftfarbwert #800080
Detail	:	Hintergrund #ff0000	Detail	:	Schrift #800080
Farbwert	:	#ff0000	Farbwert	:	#800080
Farbe	:	red	Farbe	:	purple
HTML	:	#ff0000	HTML	:	#800080
HTML (Wert)	:	#ff0000	HTML (Wert)	:	#800080
CSS	:	#ff0000	CSS	:	#800080
CSS (Wert)	:	#ff0000	CSS (Wert)	:	#800080
CSS (kürzest)	:	#f00	CSS (kürzest)	:	#800080
CSS (RGB)	:	rgb(255,0,0)	CSS (RGB)	:	rgb(128,0,128)
CSS (%RGB)	:	rgb(100%,0%,0%)	CSS (%RGB)	:	rgb(50%,0%,50%)

Verlauf Hintergrundfarbwert #ff0000 nach Schriftfarbwert #800080
#ff0000	#ec0012	#da0024	#c80036	#b60049	#a4005b	#92006d	#800080
#ff0000	#ec0012	#da0024	#c80036	#b60049	#a4005b	#92006d	#800080

Kombination von #ff0000 und #800080
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ff0000 ist #800080 ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit von #800080 und #ff0000 beträgt 88.78%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.22%.

Hintergrundfarbwert #ff0000				Schriftfarbwert #800080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff0000	#ff0000	#ff0000	#ff0000	#800080	#800080	#800080	#800080
#ff2424	#ff2424	#da0000	#da0000	#922492	#922492	#6d006d	#6d006d
#ff4848	#ff4848	#b60000	#b60000	#a448a4	#a448a4	#5b005b	#5b005b
#ff6d6d	#ff6d6d	#910000	#910000	#b66db6	#b66db6	#490049	#490049
#ff9191	#ff9191	#6d0000	#6d0000	#c891c8	#c891c8	#360036	#360036
#ffb6b6	#ffb6b6	#480000	#480000	#dab6da	#dab6da	#240024	#240024
#ffdada	#ffdada	#240000	#240000	#ecdaec	#ecdaec	#120012	#120012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ff0000 und Farbwert #800080

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl ins

Die Hintergrundfarbe soll sich von Farbwert #ff0000 auf Farbwert #800080 ändern, wenn man mit der Maus auf <ins> zeigt. Wir bereiten zunächst eine Darstellung von <ins> in Farbwert #ff0000 vor.

Wir setzen in diesem Beispiel bei <ins> die Hintergrundfarbe auf Farbwert #ff0000. Die Größe der Schrift ändern wir auf 13pt.

<style type="text/css"><!--
  ins { 
    background-color: #f00; 
    font-size: 13pt;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #800080 ändert.

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

Möglichkeiten des hier verwendeten Befehl ins sind in der HTML Referenz unter <ins> ausführlich beschrieben.