Color Output

Prepare colors for CSS, target display gamuts, and modern browser workflows.

Normalize mixed color input

Turn supported formats into one declared space and one reparsable representation.

Explore Normalization
#3b82f6 rgb() oklch() color(display-p3)

Format concrete CSS colors

Serialize a typed color in its native CSS notation or an explicitly supported target representation.

Explore CSS formatting
rgb()hsl()#806eae

Export palette variables

Turn a named palette into stable CSS custom-property declarations without losing its keys.

Explore Palette export
--theme-brand: #806eae;
--theme-accent: #d97706;
--theme-brand: #806eae; --theme-accent: #d97706;

Resolve contextual CSS colors

Turn a deferred CSS color expression into a concrete color by supplying its missing context explicitly.

Explore CSS resolution
expressioncontext#967494

Resolve relative colors

Derive a concrete color from source channels and visible channel math.

Explore Relative colors
oklch(from var(--brand)
  calc(l + 0.1) c h)

Resolve CSS color variables

Resolve a color custom property from an explicit context map or use its declared fallback.

Explore CSS variables
var(--alias)#806eae

Resolve CSS color mixes

Preserve a weighted color-mix() expression for CSS or resolve it to one exact color in PHP.

Explore CSS color mix

Resolve light and dark branches

Select the exact color from light-dark() by supplying an explicit light or dark scheme.

Explore Light and dark

Resolve currentColor

Turn currentColor into the exact foreground color supplied by server-side context.

Explore Current color
currentColor#806eae

Keep building

Deliver the right color to every consumer