one fing leads . . .
 
 
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 barchart 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.
gamma
squared
linear
gamma exponent
sRGB
YIQ
CIE XYZ
DCs
Lgtness
Average
Exponent if blank or zero is 2.4
Foreground colour picker
canvas pointer
H:°
S: %
V: %
R:
G:
B:
Web Hex:        Brightness: 130
background: green – foreground: red
font in the panel:
give it time for the webfonts to load . . .
font size pt
 
 
 
 
 
readability level
Background Colour Brightness 196
Foreground Colour Brightness 130
Brightness Difference 66
Readability Difference with fontsize adjustment 84
Background colour picker
canvas pointer
H:°
S: %
V: %
R:
G:
B:
Web Hex:        Brightness: 196
This page last updated 3 May 2022
Page uses cookies to remember settings from one session to the next unless disallowed. Allow cookies?

 

 

Loading...

more experiments for the sake of my dreams