⚡
DeWelopeTools

Luminance Calculator

Calculate the relative luminance of any color using the WCAG formula. Shows contrast ratios against white and black backgrounds.

How to Use Luminance Calculator

The Luminance Calculator computes the relative luminance of any color using the WCAG 2.1 formula. It linearizes sRGB values and applies the standard coefficients (0.2126R + 0.7152G + 0.0722B) to determine perceived brightness. The tool also shows contrast ratios against white and black backgrounds with WCAG AA pass/fail indicators. Use it to check if your color choices meet accessibility standards, understand color brightness relationships, or verify contrast compliance. Pick a color or enter a hex code to get instant results.

Step-by-Step Instructions

  1. Select a color using the picker or enter a hex code
  2. View the calculated relative luminance value
  3. Check contrast ratios against white and black
  4. See WCAG AA pass/fail status for each background

Related Tools

Color Picker

Pick colors and get HEX, RGB, and HSL values simultaneously.

Gradient Generator

Create CSS linear and radial gradients with live preview.

Palette Generator

Generate 5 complementary colors from any base color.

Image to Base64 Converter

Convert PNG, JPEG, GIF, WEBP, and SVG images to Base64 strings.

More Free Tools

Temperature Converter

Convert between Celsius, Fahrenheit, Kelvin, and Rankine temperature scales.

Word Counter

Count words, sentences, paragraphs, and characters in any text.