Cool steel blue
Desaturated blue steel with strong contrast. Corporate, tech and winter.
Preview unavailable
Apply this to my video: "Cool steel blue" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/effects/grade-cool-steel/preset.json (pass its "preset" to the engine).
Engine (MIT, no dependencies, ES module): https://24fps.dev/editor/engine.js. Download the engine next to your page (curl -O) rather than importing cross-origin, then import { mount } from "./engine.js" in a <script type="module"> served over http.
Wiring: root = a position:relative box at the video's size. media = { main }: main is a wrapper holding my video, filling the root. Then const fx = mount(root, { kind: "effect", preset, media }) and call fx.render(seconds) every frame. It is seek-safe: drive it from the GSAP timeline in HyperFrames or call render(frame / fps) in Remotion. Before capturing frames, await (fx.ready ?? document.fonts.ready).
Field reference: https://24fps.dev/video-editor/llms.txt. Keep sizes as fractions of the frame height so it works at any resolution. Credit: 24fps.dev/video-editor- Same idea
- Also called: Cold Mood, Cool Light, Cool Tone, Nostalgic Paris, Silver blue, Chill Vibe, Darling Blue, Classic Reboot, Velvet Blur, Cuddle Shot, Journey, Metal, Streamer Metal, Chic Slate, Ocean Cool, Blue Grey, Lover Blue, 冷蓝
- Technique
- Colour grade look · source ↗
- Footage
- Man talking to camera, Pexels