Mathematics is the queen of the sciences.C. F. Gauss

ONNONOONNOO

Color picker and converter

Pick a color, convert HEX/RGB/HSL and inspect contrast.

6

Enter known values

Fill in the fields below — the result will appear alongside.

Formulas

L=0.2126R+0.7152G+0.0722BL=0.2126R+0.7152G+0.0722BCR=L1+0.05L2+0.05CR=\frac{L_1+0.05}{L_2+0.05}RGB↔HSLRGB\leftrightarrow HSL

How it works

Choose an sRGB color visually or enter a short or full HEX value. Get CSS-ready formats, relative luminance, black and white contrast and a recommended text color.

HEX channels are converted to RGB and HSL. Linearized sRGB luminance is then used to calculate contrast ratios.

Examples

ONON.PRO blue{"color":"#505DEE"}

Related calculators

ONNONOONNNO

BIN / OCT / DEC / HEX converter

Convert arbitrarily large integers between numeral systems.

Short ON link: /o/ONNONOONNOO