CSS Color Utilities
Generate CSS color functions, variables, and more for your web projects
Preview
CSS Variables
Color Functions
Color Scheme
CSS Custom Properties (Variables)
Generate CSS variables for your color scheme.
:root {
--color-primary: #e63946;
--color-primary-light: #eb6270;
--color-primary-lighter: #f08b96;
--color-primary-dark: #d42130;
--color-primary-darker: #a91a25;
}
CSS Color Functions
Generate modern CSS color function syntax.
1.0
rgb(230, 57, 70)
Color Scheme Declaration
Generate CSS color-scheme and theme-color meta tags.
:root {
color-scheme: light;
}