Color Burn Blend Two Colors

This capability applies the standard channel-by-channel color-burn equation to two hexadecimal colors, then returns a normalized hex value and exact RGB channels. It accepts compact or full hex notation, validates both inputs before calculation, and handles zero blend channels explicitly. The result is deterministic, making it suitable for design checks, image-pipeline tests, generated themes, and repeatable API workflows.

Choose the base and top colors in the correct order

Color burn is order-sensitive, so begin by deciding which color represents the existing surface and which color represents the layer placed over it. Enter the existing surface as base and the applied layer as top. Reversing those fields usually produces a different result because the operation is not an average and is not commutative. Each input may use three hexadecimal digits, such as <code>#48C</code>, or six digits, such as <code>#4488CC</code>. The leading hash is optional, but no alpha channel, CSS color name, RGB function, or eight-digit hex notation is accepted. Restricting the syntax keeps the calculation clear and prevents an implicit alpha-compositing rule from changing the answer. The response normalizes both inputs to uppercase six-digit hex, which makes comparisons and snapshots straightforward. It also includes the burned color as hex, an RGB object, and a ready-to-use CSS RGB string. If either required field is missing or malformed, the request fails with an input error instead of silently substituting black or attempting to repair ambiguous text.

Understand the color-burn calculation and zero guard

The calculation runs independently for red, green, and blue. For each channel, the tool subtracts the base channel from 255, scales that distance by 255 divided by the top channel, limits the scaled value to 255, and subtracts the result from 255. This is the familiar color-burn equation expressed in eight-bit RGB values. A top channel of zero needs special treatment because division by zero has no useful color meaning and can produce non-finite values in general-purpose code. Here it returns zero for that output channel explicitly, matching the defined color-burn boundary and making the behavior portable. Every other channel result is rounded to the nearest integer and clamped to the inclusive range from 0 through 255. Those fixed rules matter when a result is used in tests or generated assets: the same valid pair always returns the same bytes, regardless of request time or execution location. Color burn commonly increases contrast and pushes midtones toward shadows. White in the base tends to remain light for nonzero top channels, while darker bases can quickly reach black.

Use the result in design systems and automated pipelines

A single blend is useful when matching a graphics editor, but deterministic output becomes more valuable when it is part of a repeatable workflow. You can store the returned hex code as a design token, compare it with an expected snapshot, insert the RGB string into generated CSS, or evaluate candidate overlays before rendering a full image. Because the operation works directly on encoded RGB channels, it is best understood as a blend-mode calculator rather than a simulation of paint, ink, light, opacity, or a color-managed editing document. It does not convert profiles or linearize channels, and it does not composite transparency. For consistent production use, provide colors from the same assumed RGB space and keep their order documented beside the call. The normalized input fields in the response help with audit logs because they show exactly what was calculated. Invalid values stop early, so a malformed token cannot quietly contaminate a palette. The computation is pure and uses no network, randomness, clock, or stored state. Browser and API execution therefore follow the same algorithm; automated access costs $0.002 for each item processed.