Development Pages


Text Readability in Colour
On this page you can see how readable text in one colour is, over a background of a different colour. A small bar chart gives you a programmatically-calculated guess.
Working this out depends on which formula is used for calculating how bright a given colour is, readability is a feature of relative brightness, those who say that the hue has anything to do with it, well they’re only very marginally correct, see my page Equivalent Colour Brightnesses. There are different ways of calculating brightness of a colour, the best options are those where Gamma is checked. This applies only to the leftmost four options: DCs, sRGB, YIQ and CIE XYZ, Gamma is meaningless on the rightmost two. Read more on Formulas for Calculating Pixel Brightness.
Foreground colour picker
background: – foreground:
font in the panel:
give it time for the webfonts to load . . .
font size pt
Background Colour Brightness
Foreground Colour Brightness
Brightness Difference
Readability Difference with fontsize adjustment
Background colour picker
Page uses cookies to remember settings from one session to the next unless disallowed. Allow cookies?


admin login
Dave Collier 2020 . . . email me . . .