Export as Custom Properties to CSS

You can export every color shade to a CSS file on your computer. Learn more about CSS4 Custom Properties on the Mozilla Developer Documentation.

The export file follows this model:

:root[data-theme="themeName"] {
  /* sourceColorName */
  --sourceColorName-stopName: rgb(207, 205, 255);
  ...
}

You can switch the RGB color space into hexadecimal code, LCH, or P3 values.

Export as config for Tailwind Pro