Should be purple

'OJ' on Sat, 28 Nov 2009 00:00:42 GMT, sez:

Hrmmm try swapping the colours around? Or try lowercase?

Maybe it's a browser bug, did you try it in Chrome?

'Omer van Kloeten' on Sat, 28 Nov 2009 03:26:59 GMT, sez:

That's because you're viewing the HTML! You should save that to a file and view it in a browser! Of course it would be black! Sheesh...

'Doekman' on Sat, 28 Nov 2009 06:05:58 GMT, sez:

html just isn't LOGICAL!

'GeekDoc' on Sat, 28 Nov 2009 13:15:04 GMT, sez:

You're just changing the color!
Should be COLOR='BLUE'+'RED' if you want to mix them!

'David Arno' on Sat, 28 Nov 2009 14:12:27 GMT, sez:

The problem is clearly one of alpha values. Try

<FONT COLOR="red" alpha="50%"/>

Alternatively, the browser might be in British mode, so maybe:

<FONT COLOUR="red"/>

will fix the problem.

'gorgon' on Sat, 28 Nov 2009 20:34:54 GMT, sez:

You need a DOCTYPE to get the right flavor of Quirks modes.

'Rhys' on Sat, 28 Nov 2009 22:22:42 GMT, sez:

Try this. Looks like you were missing the necessary blue. Remember that colours mix differently using light than when mixing something like paint.

<p style="position: absolute; top: 0; left: 0; opacity: 0.4; color: green">should be purple</p>
<p style="position: absolute; top: 0; left: 0; opacity: 0.4; color: red">should be purple</p>
<p style="position: absolute; top: 0; left: 0; opacity: 0.4; color: blue">should be purple</p>


Verified in Chrome and Safari. IE8 doesn't seem to support it. If you are looking for a cross browser solution, check out www.purple.com

'OJ' on Sat, 28 Nov 2009 23:08:14 GMT, sez:

Have you tried looking for a "make purple" firefox extension?

'JosephCooney' on Sun, 29 Nov 2009 22:59:38 GMT, sez:

Try adjusting the colour balance on your monitor.

'Chen' on Sun, 29 Nov 2009 23:12:26 GMT, sez:

Maybe user has text only browser lynx?
If not then make a image of the text using this website http://www.interactimage.com/ and then use IMG tag to show image of text.
Also check in case user is color blind.

'David Andersson' on Wed, 02 Dec 2009 04:02:27 GMT, sez:

Try closing both tags.

'Gary J' on Fri, 04 Dec 2009 12:55:05 GMT, sez:

Looks purple to me. Or, maybe I've looked at HTML so long my brain renders it directly.

'ieb' on Wed, 30 Dec 2009 07:48:09 GMT, sez:

If it did render purple, how would render inline red? color='infrared' ?

'wtf' on Fri, 15 Jan 2010 21:05:06 GMT, sez:

what the fuck is this stupid shit?

'lol' on Sat, 16 Jan 2010 10:15:35 GMT, sez:

you should consider buying some colorful transparent paper to stick at your and your clients' screen

'john' on Mon, 18 Jan 2010 19:06:09 GMT, sez:

Purple only became a colour in 2003, make sure you have a fully updated browser.

'Alan' on Tue, 19 Jan 2010 09:55:19 GMT, sez:

I thought purple was demoted from a color to a mere shade this past year? That could be part of the porblem.

'Sigurdur' on Tue, 19 Jan 2010 10:45:13 GMT, sez:

It is a known bug if you are using Firefox, please upgrade your browser.

'Dominic' on Tue, 19 Jan 2010 11:26:11 GMT, sez:

It's because you can't mix colours like that, but if you bought some paint from an art shop and painted it on the screen it should work properly.

'josephat' on Tue, 19 Jan 2010 11:51:12 GMT, sez:

This is a known IE bug, try upgrading to a modern browser.

'Alayaka' on Tue, 19 Jan 2010 16:02:18 GMT, sez:

This is a known bug indeed, the solution is to smash your own head with a hammer until it turns purple.

'Harry' on Tue, 19 Jan 2010 16:14:32 GMT, sez:

This only works in the new HTML5 specification from w3c.

'Adaephon' on Tue, 19 Jan 2010 16:26:35 GMT, sez:

You can't use the color purple for free. It's reserved for royalty. You have to pay the tax first.

'rootninja' on Tue, 19 Jan 2010 17:38:42 GMT, sez:

There's obviously a "#define PURPLE red" in your code. You are writing that in C, correct?

'Matchu' on Tue, 19 Jan 2010 18:06:52 GMT, sez:

Shows up purple for me, but I'm on Chrome. For IE and other browsers, you will need to use the proprietary "mixitupbaby" attribute. <font color="red" mixitupbaby><font color="blue" mixitupbaby>HELLO WORLD</font></font>

'A. Nony Mouse' on Tue, 19 Jan 2010 18:24:10 GMT, sez:

OK, I'll try to give a real answer.

The innermost FONT tag overrides the outermost.

They don't mix.

If this is a troll, well, that's not very nice.

To the people who give troll responses, that's even less nice.

'hello' on Tue, 19 Jan 2010 19:18:44 GMT, sez:

You need to reduce the opacity applied to the inner tag to allow the colors to mix.
To the people who give troll responses, that's even less nice.

'hello' on Tue, 19 Jan 2010 19:18:44 GMT, sez:

You need to reduce the opacity applied to the inner tag to allow the colors to mix.

'hello 2' on Tue, 19 Jan 2010 19:33:15 GMT, sez:

And reduce the opacity of the outer tag, maybe both .5 should work.

'lolmeatbag' on Tue, 19 Jan 2010 20:08:27 GMT, sez:

You haven't applied doctype, obviously.
go xhtml 1.0 and remember to properly end.

<font color="red" (escape here)
<font color="red" // (now you want to combine the colors)
<font color="red" // && color="blue">
This should be purple. Don't worry about whitespace!
</font//> (remember you escaped so you have to unescape.)

'funnycaptcha' on Tue, 19 Jan 2010 20:19:04 GMT, sez:

Did you try turning your computer off and on again?

'Kirk' on Tue, 19 Jan 2010 21:12:23 GMT, sez:

It looks purple to me too. I don't see what the problem is.

'angel' on Tue, 19 Jan 2010 21:40:43 GMT, sez:

Try adjusting your monitor's color settings

'meatbag' on Tue, 19 Jan 2010 22:40:47 GMT, sez:

Try overwriting the text on your screen with a purple pen.

'Io' on Tue, 19 Jan 2010 23:45:47 GMT, sez:

To all people making the confusion : it's MAGENTA, not PURPLE !!!

'maxx' on Wed, 20 Jan 2010 00:28:00 GMT, sez:

Did you try to write the <html> and <body> tags? It seems that the browser cannot display nothing with those things around. In the other hand, you are not specifying the quantities of red and blue you want to use, so basically, the browser feels a little bit confused about that fact. Try something like:
<HTML>
<BODY>
<FONT COLOR='BLUE' PERCENTAGE='40'>
<FONT COLOR='RED' PERCENTAGE='60'>
HELLO WORLD! (should be purple)
</FONT>
<FONT>
</BODY>
</HTML>

That should solve the problem about the "confused browser"!

Warm Regards :)

'meat popsicle' on Wed, 20 Jan 2010 01:24:16 GMT, sez:

Negative, I am a meat popsicle.

'culmor30' on Wed, 20 Jan 2010 01:50:04 GMT, sez:

Try closing the first tag?

'damn' on Wed, 20 Jan 2010 03:04:12 GMT, sez:

the people above are dicks.

Try this:

<p style="color:purple">This is a purple.</p>

'from_a_reddit_user' on Wed, 20 Jan 2010 03:16:35 GMT, sez:

I suspect you don't have a programming background. :)

I don't think you can mix colors this way in HTML.

If you want purple, just use purple:
<FONT COLOR='PURPLE'>

If you want a specific shade of purple, you can use the hexadecimal value. Something like:
<FONT COLOR="#800080">

'bofh' on Wed, 20 Jan 2010 04:05:35 GMT, sez:

It is working on my browser. Strange.

'h8' on Wed, 20 Jan 2010 06:38:02 GMT, sez:

I hate the people that are taking this seriously.

'Patricy' on Wed, 20 Jan 2010 08:27:20 GMT, sez:

>>> <p style="color:purple">This is a purple.</p>


>>> <FONT COLOR='PURPLE'>


these are not correct resolving problem. You will have this bug (not purple) in almost all browsers exclude yours.

I think we have serious bug with html rendering in modern browsers. I propose you to write to W3C and to browser support.

Can't understand how this was not pointed earlier. Author - you cool!

'not purple' on Wed, 20 Jan 2010 17:58:25 GMT, sez:

mmm... purple - interesting choice... maybe that is saying something about the author, and maybe they need to sort out part of their personal life to ensure that the colour purple isn't that important to them anymore ;)

'Timmy' on Fri, 22 Jan 2010 04:45:17 GMT, sez:

I can't believe some of the answers here. I thought everyone knew that the FONT tag has been deprecated, and you shouldn't be using inline style attributes. You should use CSS in a STYLE tag inside the HEAD of your document, or (better) use the LINK tag to reference your stylesheet file.

Here's what your CSS should look like:

.redtext {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5
color: red;
}

.bluetext {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5
color: blue;
}

Note the multiple opacity references. These will help the colors to blend. (Unfortunately, to be truly cross-browser, you need all those references.) You can twiddle with the ratios of opacity to get the shade of purple you're after. The decimal values are percentages of opacity; 1.0 is 100% opaque, 0.5 is 50% opaque, etc. Similarly, the opacity=50 is also a reference to the percentage of opacity.

Then in the body of your document, it should look like this:

<span class="redtext">
<span class="bluetext">
This is a purple.
</span>
</span>

Note: when altering a small section of text, you should be using an inline-level tag like SPAN, as opposed to a block-level tag such as P or DIV.

Hope that helps!

'Timmy' on Fri, 22 Jan 2010 04:57:36 GMT, sez:

In my previous post above, I accidentally typo'd in the CSS. In the two lines that say "opacity: 0.5" there should be a semi-colon afterwards. Sorry about any confusion, and I hope you are able to attain the shade of purple you seek.

'css codes' on Fri, 22 Jan 2010 16:53:21 GMT, sez:

Try closing both tags.

'Mac' on Fri, 22 Jan 2010 19:23:05 GMT, sez:

LOL dudes. This question is cleary photoshopped! I can tell by the reflections!

'Rik' on Sat, 23 Jan 2010 19:24:12 GMT, sez:

Wow... this thread is amazingly stupid :O... honestly, shoot theyselves!

'Timmy' on Fri, 22 Jan 2010 04:45:17 GMT, sez: <<< Dude is right!!

but just to whine along, why not:

<span class="bluetext redtext">
This is a purple.
</span>

And to whine some more.. moz-opacity and khtml-opacity don't seem that W3C-y to me. Try to fix it with W3C css only if possible.

'Partypooper' on Sun, 24 Jan 2010 11:01:59 GMT, sez:

<FONT COLOR='purple'>
HELLO WORLD!
</FONT>

'Timmy' on Mon, 25 Jan 2010 18:50:40 GMT, sez:

@Rik - Good points you made and they are absolutely correct; however I had my reason for the things I did. I should address them both ...

First, I know moz-opacity and khtml-opacity (and for that matter filter:alpha) probably don't strictly follow W3C, but unfortunately we must do what we can to keep the user experience as uniform as possible across all varieties of browser. There is apparently no known cure for users of antique browsers, as they are apparently incapable of switching or upgrading. So it is our duty to make their malady as painless as possible until the day comes when the last ISP stops offering dialup service, and they can reverently bury their modems in the backyard next to their recovery disks of Windows ME.

Also, I used two separate span tags, as it's been my experience that anyone who is interested in having purple text is probably interested in having rainbow-colored text as well. Now all he has to do is insert text between the SPAN tags and the closing /SPAN tags. Now he can start with red text, then purple text in the middle, followed by blue text. Matter of fact, if he creates enough CSS classes similar to the above, and puts in enough SPAN tags to reference those classes in an overlapping manner throughout the text, he'll have gradient text, without any special Javascript for those who have it turned off! Wouldn't that be snazzy!

'meatbag' on Mon, 25 Jan 2010 22:50:06 GMT, sez:

Probably just need to top up the purple ink in your monitor I had to top up my orange the other day, It had leaked everywhere, serves me right for tilting it on the side in the first place.

'anon' on Tue, 26 Jan 2010 04:10:00 GMT, sez:

lol are you serious? you just made it blue then changed it to red

'Confused' on Sun, 31 Jan 2010 10:23:16 GMT, sez:

um...I'm confused...

you're using HTML when you could be writing in Fortran??...what is your problem. Seriously. You've lost your roots man!!!

You should be ashamed. That's all I have to say...

'Tuqui' on Mon, 01 Feb 2010 06:51:02 GMT, sez:

You are doing a simple replace of color, there is your mistake, Must use a HTML palette to mix the colors before use them.

'praveen matoria' on Sun, 07 Feb 2010 16:27:02 GMT, sez:

Try it in another browser. May be your code is not cross-browser compatible.

'inhahe' on Fri, 02 Jul 2010 05:47:36 GMT, sez:

The problem is that your inner font tag is overriding your outer font tag in the box model, so it's actually displaying the red on top of the blue. With the newer 3-D HDTV's can see both, but it will still be just a blue "hello world" with a red "hello world" in front of it. In order to mix the two to get purple (or, as some have aptly pointed out, magenta), you will need to do:

<FONT COLOR='BLUE' STYLE="POSITION: ABSOLUTE; DEPTH: 0">
<FONT COLOR='RED' STYLE="POSITION: ABSOLUTE; DEPTH: 0">
HELLO WORLD! (should be purple)
</FONT>
</FONT>

Works fine on my monitor, but had to slow it down to 30 fps due to bandwidth limitations.

'meatbag' on Sun, 04 Jul 2010 02:51:55 GMT, sez:

Try a crayon

'Ivan' on Thu, 08 Jul 2010 21:46:56 GMT, sez:

Buy a new monitor. I just tried that and it indeed generates purple text.

'ram' on Sat, 10 Jul 2010 20:48:03 GMT, sez:

your computer is running out of purple colour

name


website (optional)


enter the word:
 

comment (HTML not allowed)

All viewpoints welcome. But the right to delete any post for any reason is reserved. Don't make me do it. Comments may be republished, emailed to your loved ones or printed and used as toilet paper. Who reads this legal bit anyhow?

TimeSnapper_{Know thyself!}

TimeSnapper is a life analysis system that stores and plays-back your computer use. It makes timesheet recording a breeze, helps you recover lost work and shows you how to sharpen your act.

TimeSnapper won last year's Developer Competition at Larkware.com, and is used by over 10,000 people.