Skip to content
browserutils

Color Math

Mix, blend, lighten, and darken colors with operations

Color Math is a free online tool from BrowserUtils that mix, blend, lighten, and darken colors with operations. It runs entirely in your browser — your data never leaves your device. No account required.

#95639d
rgb(149, 99, 157)

How to use Color Math

  1. 1 Paste or type your input into the editor above.
  2. 2 The tool processes your data instantly — right in your browser, with nothing sent to a server.
  3. 3 Copy the result with one click or continue editing your input.

About Color Math

Free online color math tool. Mix two colors, lighten or darken colors by percentage, and find complementary colors using mathematical color operations. This tool runs entirely in your browser — your data is never sent to a server. Just paste your input, get instant results, and copy with one click. No sign-up or installation required.

Color Math specs

Runtime
100% client-side (browser)
Cost
Free — no account, no rate limits, no usage caps
Browser support
Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
Part of
299 developer tools on BrowserUtils (100% client-side)

Questions

How does color mixing work?
Color mixing averages the RGB channels of two colors. You can adjust the mix ratio to weight one color more heavily. A 50/50 mix of #FF0000 and #0000FF produces #800080 (purple).
How is a complementary color calculated?
The complement of a color is found by subtracting each RGB channel from 255. For example, the complement of #3366CC is #CC9933.
How do I lighten or darken a color by a specific percentage?
Use the lighten/darken controls and set a percentage. Lightening blends the color toward white, and darkening blends it toward black. A 50% lighten on pure red (#FF0000) produces #FF8080.
What color format does the color math tool accept?
Enter colors as hex codes (e.g., #3366CC or 3366CC). The tool displays results in hex, RGB, and HSL so you can copy whichever format your project uses.
Does this color math tool work offline?
Yes. All color calculations happen in your browser. No data is sent to a server, and the tool works without an internet connection after the initial page load.
Embed this tool

Copy this code to embed the tool on your website. Adjust the height to fit your layout.

<iframe src="https://www.browserutils.dev/embed/color-math" width="100%" height="500" frameborder="0" title="Color Math"></iframe>

Related tools

More Math & Calculators

View all Math & Calculators tools