PNG to LAB Colors Converter

Uploads a PNG, tallies every distinct RGBA color it contains, converts each to CIE L*a*b* (D65 white point) via the standard sRGB → linear → XYZ → Lab pipeline, and produces a plain-text report sorted by frequency, entirely client-side. A free online tool from Staaarter, right in your browser.

Runs locallyUpdated 2026-07-26

Overview

Introduction

This tool scans every pixel of an uploaded PNG and reports its colors converted to CIE L*a*b*, a perceptually-oriented color space used across color science, printing, and accessibility contrast work.

Unlike RGB or HSL, equal numeric steps in Lab correspond much more closely to equal perceived color differences.

What Is PNG to LAB Colors Converter?

A client-side color analysis tool that decodes a PNG, tallies its distinct RGBA colors, and converts each one to CIE L*a*b* using the full sRGB-to-linear-to-XYZ-to-Lab pipeline with a D65 white point.

The output is a readable plain-text report rather than raw pixel data, capped at the 256 most frequent colors for readability.

How PNG to LAB Colors Converter Works

Every pixel's exact RGBA value is counted in a frequency map; the resulting unique colors are sorted from most to least common.

Each color's sRGB channels are first linearized (undoing the sRGB gamma curve), converted to CIE XYZ using standard sRGB primary matrices, then transformed into Lab using the CIE's nonlinear f(t) function against the D65 reference white.

When To Use PNG to LAB Colors Converter

Use it when you need perceptually meaningful color comparisons, such as judging how visually different two colors in a palette actually are.

It's also useful in color-science, printing, or accessibility contexts where Lab is the standard reference space.

Features

Advantages

  • Runs entirely client-side; your image is never uploaded to a server.
  • Groups identical colors together with counts, rather than dumping every pixel individually.
  • Implements the full, standard sRGB-to-Lab pipeline (not an approximation), matching values from color-science references and tools like CSS's own lab() function.

Limitations

  • The report caps out at the 256 most frequent unique colors; images with huge color diversity (like photos) will have many rarer colors omitted.
  • This assumes the source PNG uses the standard sRGB color space; images tagged with a different embedded color profile aren't specially handled.

Examples

Analyze pure white and black

Input

rgba(255,255,255,255) and rgba(0,0,0,255)

Output

lab(100.0, 0.0, 0.0) and lab(0.0, 0.0, 0.0)

White and black sit at the two ends of the L (lightness) axis with zero color (a/b) component.

Analyze a saturated green

Input

rgba(0, 200, 0, 255)

Output

A negative a value (toward green) and positive b value (toward yellow)

Lab's a-axis runs green-to-red and b-axis runs blue-to-yellow, so saturated green shows a strongly negative a.

Best Practices & Notes

Best Practices

  • Use Lab's Euclidean distance between two colors as a rough proxy for how visually different they'll appear.
  • Remember this assumes sRGB input; results may not match a workflow using a wide-gamut color profile.

Developer Notes

The sRGB-to-Lab math is a pure, individually-exported function (rgbToLab) implementing the full linearization, XYZ, and CIE f(t) nonlinearity steps against the D65 white point, so it's directly unit-testable against known reference colors like pure white and black.

PNG to LAB Colors Converter Use Cases

  • Judging the perceptual difference between two brand colors
  • Feeding pixel color data into a color-science or accessibility contrast pipeline
  • Cross-checking a design's colors against print-industry Lab-based color specs

Common Mistakes

  • Assuming Lab's a/b values are bounded the same way RGB or percentage-based models are — they can range well beyond -100/100 for highly saturated colors.
  • Expecting an exhaustive per-pixel list on a large photographic image — the report is intentionally capped and frequency-sorted instead.

Tips

  • Use the L channel alone when you just need a perceptually accurate brightness/grayscale value for a color.
  • Pair this with the CMYK converter when preparing a design that needs both perceptual and print-oriented color review.

References

Frequently Asked Questions