v150 · CSS

Authoring Studio

Pick a color and target CSS property, see image(<color>) applied live across four contexts — background-image, list-style-image, border-image, and content. Supports hex, rgb(), oklch(), and named colors. Generates a copyable CSS snippet.

Controls
Color picker
Or enter color value (any CSS color)
Quick palette
Target property
Preview element size (px) 48px
Live preview
Checking support…
background-image preview
  • Item one
  • Item two
  • Item three
border-image fills all four edges
Generated content

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗