About this utility
How to use Advanced Color, Palette & Vision Workspace
Convert CSS Color 4 values through OKLab, OKLCH, Lab, LCH, RGB, HSL, HWB and CMYK-style output, then build perceptual palettes and accessibility previews.
What to provide
Enter a CSS named, hex, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), or color() value.
- Paste, type, or drag and drop a supported text file into the input area.
- Choose the options that match your intended result.
- Select “Run tool” or press Ctrl/Command + Enter, then copy, download, or move the result back into the first input for another pass.
What the result means
Cross-space values, gamut status, luminance, contrast, ΔE, perceptual palette, gradient stops, and color-vision simulations.
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
- Display previews are constrained by the monitor and browser color pipeline. CMYK values are device-independent approximations, not press ICC conversions.
Try the included example
Select “Load example” at any time to restore this tested sample.
oklch(58% 0.22 255)