CSSColorVars (code generation interactive tool), which defines colors with CSS variables, improves the simplicity of the variables and the performance on a website.
No longer depend on CSS preprocessors to create color variables, use dynamic CSS variables. The CSSColorVars interactive tool helps you create your colors with CSS variables and use dynamic functions CSS to apply lightness, darkness and transparency in the color variable.

Learn to create your color palette

Enter here: 👉🏼 csscolorvars.github.io