Colors and contrast

A monitor can have a higher resolution than a typical TV screen, which can result in a totally different appearance when a page designed for one is displayed on the other. The colorimetry on TV's and monitors also typically differ.

Colors of very high intensity should also be avoided, since they can give unexpected results like "bleeding" into the surroundings or flickering, particularly when two highly saturated colors are next to each other. Typical colors to avoid are bright red, bright white and bright yellow. To receive better results, try out different combinations, reduce color saturation to about 80% and avoid cross patterns.

Be aware of that colors that look good on a monitor may be vapid, glowing or even vibrating when displayed on the TV. On the other hand, colors that may seem glaring on the monitor may give just the right feeling on the TV screen. As there are many recommendations on the maximum color values, it is not always easy to know what to do. In the end, it is all about the feeling that the image gives on the TV screen, so adjust the final result to its natural environment. Thorough testing will yield the best result.

Individual objects with a height of 1 pixel, such as horizontal lines, may appear dim on a TV. This is due to scaling. Making the lines thicker will alleviate this issue.

Very thin fonts may show a ghosting effect on large TV's, where edges of the font appear surrounded by colored blotches. This is also due to scaling, which is particularly apparent on large Ultra HD displays. Make sure to test your fonts on a large display before deployment and switch to a thicker font if visible artifacts appear.