Color Scheme Designer
Build local role-based color schemes from one HEX color using HSL hue rotation.
Build local role-based color schemes from one HEX color using HSL hue rotation.
This tool uses sRGB values converted to HSL. Rotation is geometric; it does not guarantee WCAG contrast or perceptual uniformity.
A QUICK WALKTHROUGH
How to use this tool
- Enter a base HEX color.
- Choose a harmony and name the primary role.
- Copy the generated CSS variables.
Color Scheme Designer
This tool uses sRGB values converted to HSL. Rotation is geometric; it does not guarantee WCAG contrast or perceptual uniformity.
GOOD TO KNOW
Common questions
Color Scheme Designer
This tool uses sRGB values converted to HSL. Rotation is geometric; it does not guarantee WCAG contrast or perceptual uniformity.