Designer & Developer Tools
Generate shade scales from a base color
Create lighter and darker shades from a single base color and export them as CSS or SCSS tokens.
色阶比例
调色板
透明度比例
渐变预览
对比度
无障碍预览
检查文本和界面表面的可读性。
阴影预览
高级阴影
Generate shade scales from a base color
此页面专为需要设计系统、UI 套件、无障碍检查和可复用 Token 生成的在线 shade generator 工作流的人员而设计。
- Fast visual workflow
- Ready-to-copy CSS and token output
- Useful for design systems and UI kits
- Built for developers and designers
常见问题
常见问题解答
Who is this color tool for?
It is useful for designers, frontend developers and anyone building design systems.
Can I copy the generated output?
Yes. You can copy and download the generated CSS, SCSS or JSON output.