CSS accent-color Generator

Theme form elements with a single CSS property

Checkbox (checked)
Checkbox (unchecked)
Radio option A
Radio option B
Range:
Progress:

CSS Code

Color Palette

About accent-color

The accent-color property themes browser-default form controls without complex CSS overrides.

Supported elements:

  • Checkboxes
  • Radio buttons
  • Range sliders
  • Progress bars

Browser support: Chrome 93+, Firefox 92+, Safari 15.4+