可视化生成线性或径向渐变背景，复制 CSS 直接使用。
#667eea
#f76735
background: linear-gradient(135deg, #667eea, #f76735);
选取或粘贴颜色，HEX、RGB、HSL 格式互转，自动生成同色系色板。
拖动滑块调出盒阴影效果，实时预览并生成 CSS 代码。
四角圆角独立调整实时预览，生成 CSS border-radius 代码。
预览系统字体效果，字号字重可调，选字体不再靠猜。
检查前景色与背景色的 WCAG 对比度，给出 AA/AAA 是否达标，网页无障碍必备。
输入主色自动生成互补色、类似色、三角色等配色方案，一键复制色值。