fileformer
search⌘KtranslateENexpand_moreupload_fileConvert
Converters8 file families · 44 direct conversions
What changes in a conversionarrow_forward
concepts / colour-spaces

Colour spaces

A file never stores a colour, only numbers. A colour space is the agreement that says which colour those numbers mean. Pick a colour and see it written in every common space; push the chroma up and watch it leave what a normal screen can show.

sRGB (most screens)fits
Display P3 (wide)fits
Lightness60%
Chroma (colourfulness)0.200
Hue31°
spacethe same colour, written there
HexsRGB, 8-bit, for the web#e0402a
RGBsRGB, 0-255 per channelrgb(224, 64, 42)
HSLsRGB rearranged as hue, saturation, lightnesshsl(7 75% 52%)
Display P3wider screens, iPhone photoscolor(display-p3 0.811 0.302 0.214)
OKLCHperceptual: equal steps look equaloklch(60.5% 0.200 31.1)
CIELABprint and colour science (D65)lab(51.5 60.5 48.5)
CIE XYZthe reference all others map to0.3300, 0.1969, 0.0425
Linear sRGBlight intensity, used for blending0.7454, 0.0513, 0.0232
CMYK (naive)printers; real values need a press profileC 0 M 71 Y 81 K 12

What a screen can show

Every colour at lightness 60%, laid out by hue (across) and chroma (up). The solid area fits in sRGB, the space of most screens and the web's default. The faded band only fits in Display P3, the wider space of recent phones and Macs. Everything beyond is outside both. The ring is your colour.

fits sRGB49% of this slice
extra in Display P3+8%
your screen reportssRGB
hue 0°90°180°270°360°

The same blend, in three spaces

Mixing halfway between two colours means different things depending on the space you do the maths in. Gradients, image resizing and blur all mix colours, so this is why the same edit can look muddy in one app and clean in another.

sRGB numbersAverage the stored values. What most apps did for decades: dark, muddy middles.
Linear lightAverage the actual light. Physically right; looks too bright to the eye.
OKLabAverage in a space built to match perception. Even and vivid.

The spaces you'll meet

Your screen reports sRGB, so colours outside it are shown clipped.
spaceyearwhat it's forwhere you meet it
CIE XYZ1931Maps every visible colour; the bridge between all other spaces.ICC profiles, colour maths
sRGB1996Matched to typical CRT monitors; the default for the web and most files.JPG, PNG, CSS hex, Windows
Adobe RGB1998Wider greens and cyans for print work.Pro cameras, print photography
CIELAB1976Lightness plus two opponent axes; roughly perceptual.Print proofing, Photoshop, ΔE
Rec. 7091990Same primaries as sRGB with a different tone curve.HD video, YouTube
Display P32015DCI-P3 primaries with sRGB’s curve and white.iPhone, Mac screens, HEIC photos
Rec. 20202012Very wide primaries for UHD and HDR video.4K/HDR video, HDR AVIF
ProPhoto RGB1999Covers almost all real surface colours; needs 16-bit.Raw photo editing
CMYK (FOGRA39)2006Ink on paper; the gamut depends on the press.PDF/X print files
OKLab / OKLCH2020Perceptual space with simple maths; now in CSS.CSS Color 4, design tools