How to use CSS Gradient & Palette Builder

Create a linear-gradient declaration and inspect evenly spaced sRGB swatches.

1. Paste, type, or drag and drop a supported text file into the input area.
2. Place the second value or file in the adjacent panel. Sensitive fields are masked by default.
3. Choose the options that match your intended result.
4. Select “Run tool” or press Ctrl/Command + Enter, then copy, download, or move the result back into the first input for another pass.

Use “Swap inputs” to reverse the comparison without copying either value.

What the result means

Produces a bounded, inspectable css gradient & palette builder result locally.

Privacy and safety

This utility is loaded as browser code and processes your input only in this tab. OmniCastConverter has no upload endpoint and never stores your content, filenames, tokens, or secrets. Generated markup and code are shown as inert text and are never executed.

Limitations

• Intermediate swatches use sRGB interpolation rather than perceptual OKLCH interpolation.

Try the included example

Select “Load example” at any time to restore this tested sample.

#1D4ED8

#C7F000