Color Grading Presets: The Science of Cinematic Looks
How professional LUTs and color matrices define the Cyberpunk, Warm, Noir, and Vintage film looks.
MV
Marcus Vance
Contributing Author · Squoosh Next BlogColor grading transforms the raw color representation of an image to create a specific emotional tone or cinematic aesthetic. Professional color grading uses 3D LUTs (Lookup Tables) — cube-shaped tables mapping input RGB triplets to output RGB triplets — which can represent any nonlinear color transformation including cross-channel interactions. A warm grading boosts red and orange channels while reducing blue, mimicking golden hour natural light.
A cool grade does the inverse, creating the blue-tinted look associated with winter and melancholy. Cyberpunk aesthetics boost magenta in shadows and cyan in highlights with crushed mid-tones. Noir reduces saturation to near-zero while boosting contrast, optionally adding warm or cool bias.
Vintage film grades crush black levels (lifting shadows), reduce overall saturation, and add a faint color cast matching specific Kodachrome or Ektachrome film emulsions. Squoosh Next implements these as per-channel linear transforms applied via Canvas ImageData, approximating the most computationally expensive LUT operations with simple arithmetic.
Key Takeaways
Color grading transforms the raw color representation of an image to create a specific emotional tone or cinematic aesthetic.
Professional color grading uses 3D LUTs (Lookup Tables) — cube-shaped tables mapping input RGB triplets to output RGB triplets — which can represent any nonlinear color transformation including cross-channel interactions.
A warm grading boosts red and orange channels while reducing blue, mimicking golden hour natural light.
A cool grade does the inverse, creating the blue-tinted look associated with winter and melancholy.
Try It in the Workspace
Everything discussed in this article can be tested directly in Squoosh Next — no sign-up, no upload, 100% client-side.