huebic
huebic · color science & tools

Every color,
measured.

The color tools of a pro image editor — picker, channels, Lab, gamuts, harmonies — rebuilt for the browser with the math out in the open. CIELAB, OKLCH, CIEDE2000 and APCA, accurate to the fourth decimal.

X swap colorsD default colorsdrag any label to scrub
sRGB gamut · 3 456 faces drag to orbit

Tools

Color Picker→

HSB, RGB and Lab channel modes, gamut and web-safe warnings, swatches.

Converter→

14 formats from HEX to OKLCH, with every step of the math shown.

Harmony Wheel→

Complementary to tetradic on RGB, RYB or OKLCH wheels. Exports tints & shades.

3D Color Spaces→

The same gamut as cube, cone, bicone, Lab and OKLab solids.

Lab Matrix→

a*b* slices and hue leaves through CIELAB and OKLab, sRGB or P3.

Chromaticity→

CIE xy and u′v′ with spectral & Planckian loci and six gamuts.

Contrast & ΔE→

WCAG 2.2, APCA and four ΔE formulas — with an auto-fix.

Gradients→

One gradient, nine interpolation spaces, lightness curves and CSS.

Image Lab→

OKLab palette extraction, histograms, loupe and CVD simulation.

14color formats
6RGB gamuts compared
4ΔE formulas
0uploads, cookies or trackers

Learn

Color theory, from Newton to OKLab

Why do three numbers describe every color you can see? Why is a 50%-lightness yellow so much brighter than a 50%-lightness blue? Why do gradients go grey in the middle? The theory guide answers with live diagrams instead of hand-waving.

Your foreground colorshared by every tool