I recently had an issue with sub-pixel anti-aliasing of text, which produces very harsh colours and made me wonder how it is meant to be done properly:
I've drawn some cases of a black tile covering thirds of pixels below.
The colours match the ones I'm seeing, however when I look at properly antialiased text, the result is not nearly as bright and distracting:
I assume there has to be a balance between a good light intensity and the right colour. What methods are used for sub-pixel anti-aliasing that give such good results?
Update:
I've rendered a white teapot to an image with 3x width and with multisampling. Below I compare averaging every 3 pixels with assigning each to RGB. The colours still seem overly bright in some cases (especially compared to the example above from here), not that my phone captures them well.