CSS Variables Generator

Generate CSS custom properties (variables) from color palettes.

Selector

CSS Output

:root {
  --color-primary: #3b82f6;
  --color-secondary: #64748b;
  --font-size-base: 16px;
  --spacing-4: 1rem;
  --border-radius: 8px;
}

Related Tools

Generate CSS custom properties (variables) from color palettes.