Designer & Developer Tools
Build color systems from a single base color
Convert colors, generate shades and palettes, build gradients, test contrast and export semantic tokens for modern UI systems.
色阶比例
调色板
透明度比例
渐变预览
对比度
无障碍预览
检查文本和界面表面的可读性。
阴影预览
高级阴影
Color Lab
此页面专为需要设计系统、UI 套件、无障碍检查和可复用 Token 生成的在线 color tools 工作流的人员而设计。
- Convert HEX, RGB and HSL values instantly
- Generate 50-900 style shade scales
- Create palettes and gradients for UI design
- Export CSS variables, SCSS tokens and JSON data
常见问题
常见问题解答
Can I generate a full shade scale from one color?
Yes. The tool can create light and dark shades from a single base color.
Can I export CSS and SCSS tokens?
Yes. You can export colors as CSS variables, SCSS variables and JSON.
Does the tool check accessibility contrast?
Yes. It calculates contrast ratio and shows common WCAG ratings.